当前位置: 开发笔记 > 编程语言 > 正文

JS如何设置一个table宽度不受父容器宽度影响

作者：手机用户2502904457 | 来源：互联网 | 2023-05-18 16:49

如题，当table嵌套的时候如何让内层的table宽度不受到外层table宽度的限制因为现在内层table中的数据比较长，如果还是限制为外层table的宽度的话内容就会竖起来显示了，忒难看

如题，当table嵌套的时候如何让内层的table宽度不受到外层table宽度的限制
因为现在内层table中的数据比较长，如果还是限制为外层table的宽度的话内容就会竖起来显示了，忒难看

7 个解决方案

#1

外层宽度设置100%

#2

这个貌似不行。父table不设置宽度试试

#3

是想内层table不换行吗？代码结构带数据放上来看看

#4

默认的情况下即便外table限制宽度
但内table依然会撑破外table的宽度
你大概设定了其它的属性

#5

                01


                02


                03






                10

04	09
05	08	11
06	07	12

介个是代码结构，没设置其他样式，如果里面的数据不是数字变多了的话则会吧列给竖起来。。。

#6

white-space:nowrap;不换行

#7

设置外层td的CSS
width:100px;overflow:scroll;
里面的table 设置一个固定宽度固定为px 应该不会换行吧

推荐阅读

import
Tkinter Frame容器grid布局并使用Scrollbar滚动原理

本文介绍了如何使用Tkinter实现Frame容器的grid布局，并通过Scrollbar实现滚动效果。通过将Canvas作为父容器，使用滚动Canvas来滚动Frame，实现了在Frame中添加多个按钮，并通过Scrollbar进行滚动。同时，还介绍了更新Frame大小和绑定滚动按钮的方法，以及配置Scrollbar的相关参数。 ... [详细]

蜡笔小新 2023-12-09 07:37:04
import
mui框架offcanvas侧滑超出部分隐藏无法滚动如何解决

web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条，因为它主要用途是设置类似于qq界面的那种格 ... [详细]

蜡笔小新 2023-10-17 20:40:03
window
css 回到顶部按钮

本文由编程笔记#小编为大家整理，主要介绍了css回到顶部按钮相关的知识，希望对你有一定的参考价值。 ... [详细]

蜡笔小新 2023-10-17 13:38:49
range
CSS3选择器的使用方法详解，提高Web开发效率和精准度

本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ... [详细]

蜡笔小新 2023-12-14 14:37:52
string
求解hdu 1003 java题目的动态规划优化方法

本文讨论了如何优化解决hdu 1003 java题目的动态规划方法，通过分析加法规则和最大和的性质，提出了一种优化的思路。具体方法是，当从1加到n为负时，即sum(1,n)sum(n,s)，可以继续加法计算。同时，还考虑了两种特殊情况：都是负数的情况和有0的情况。最后，通过使用Scanner类来获取输入数据。 ... [详细]

蜡笔小新 2023-12-14 13:11:00
string
知识图谱——机器大脑中的知识库

本文介绍了知识图谱在机器大脑中的应用，以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例，说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案，如搜索关键词"Marie Curie"，会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革，不仅美国的微软必应，中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]

蜡笔小新 2023-12-14 10:06:19
string
工程中添加Android Dependencies

在project.properties添加#Projecttarget.targetandroid-19android.library.reference.1..Sliding ... [详细]

蜡笔小新 2023-12-13 12:08:09
string
图片处理应用：固定容器缩略图实现

本文介绍了一种图片处理应用，通过固定容器来实现缩略图的功能。该方法可以实现等比例缩略、扩容填充和裁剪等操作。详细的实现步骤和代码示例在正文中给出。 ... [详细]

蜡笔小新 2023-12-10 18:52:53
install
Java源代码安全审计（二）：使用Fortify-sca工具进行maven项目安全审计

本文介绍了使用Fortify-sca工具对maven项目进行安全审计的过程。作者通过对Fortify的研究和实践，记录了解决问题的学习过程。文章详细介绍了maven项目的处理流程，包括clean、build、Analyze和Report。在安装mvn后，作者遇到了一些错误，并通过Google和Stack Overflow等资源找到了解决方法。作者分享了将一段代码添加到pom.xml中的经验，并成功进行了mvn install。 ... [详细]

蜡笔小新 2023-12-10 13:01:22
install
Servlet多用户登录时HttpSession会话信息覆盖问题的解决方案

本文讨论了在Servlet多用户登录时可能出现的HttpSession会话信息覆盖问题，并提供了解决方案。通过分析JSESSIONID的作用机制和编码方式，我们可以得出每个HttpSession对象都是通过客户端发送的唯一JSESSIONID来识别的，因此无需担心会话信息被覆盖的问题。需要注意的是，本文讨论的是多个客户端级别上的多用户登录，而非同一个浏览器级别上的多用户登录。 ... [详细]

蜡笔小新 2023-12-10 12:00:40
window
JS兼容总结及解决方法

本文总结了在编写JS代码时，不同浏览器间的兼容性差异，并提供了相应的解决方法。其中包括阻止默认事件的代码示例和猎取兄弟节点的函数。这些方法可以帮助开发者在不同浏览器上实现一致的功能。 ... [详细]

蜡笔小新 2023-12-09 17:31:06
window
CSS样式属性text-overflow、overflow、white-space、width的使用

本文介绍了CSS样式属性text-overflow、overflow、white-space、width的使用方法和效果。通过设置这些属性，可以实现文本溢出省略号、隐藏溢出内容、禁止换行以及限制元素宽度等效果。详细讲解了每个属性的作用和用法，以及常见的应用场景和注意事项。对于前端开发者来说，掌握这些CSS样式属性的使用方法，能够更好地实现页面布局和文本显示效果。 ... [详细]

蜡笔小新 2023-12-09 08:49:24
javascript
常用的CSS属性及用法整理

本文整理了常用的CSS属性及用法，包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等，方便开发者查阅和使用。 ... [详细]

蜡笔小新 2023-12-09 03:01:43
string
jvm系列 (一)jvm内存区域与溢出

jvm内存区域与溢出为什么学习jvm木板原理，最短的一块板决定一个水的深度，当一个系统垃圾收集成为瓶颈的时候，那么就需要你对jvm的了解掌握。当一个系统出现内存溢出，内存泄露的时候 ... [详细]

蜡笔小新 2023-10-17 11:17:11
string
mintui中的下拉加载，可以一直加载数据，怎么处理呢？

html结构 ... [详细]

蜡笔小新 2023-10-17 10:44:03

手机用户2502904457

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章