当前位置: 首页 > 面试题库 >

如何使用百分比设置表格单元格的最大宽度?

阎智
2023-03-14
问题内容
Test A long string blah blah blah
<style>
td{max-width:67%;}
</style>

上面的方法不起作用。如何使用百分比设置表格单元格的最大宽度?


问题答案:

根据CSS 2.1规范中max-width的定义,“’min-width’和’max-width’对表,内联表,表单元格,表列和列组的影响是不确定的。” 因此,您不能直接在td元素上设置最大宽度。

如果只希望第二列最多占用67%,则可以将宽度(对于表格单元,实际上是最小宽度)设置为33%,例如在示例情况下

td:first-child { width: 33% ;}

为两个列设置该值都不能很好地工作,因为这会使浏览器使列的宽度相等。



 类似资料:
  • 问题内容: 我得到了一个具有固定宽度和高度的表格单元,并且如果文本太大,单元格大小应保持不变,并且文本应通过overflow:hidden隐藏。 但是,如果添加了太多文本,则表格单元格会扩展到100px以上。有什么技巧可以阻止它扩展吗? 文本的长度应为几行,因此“ white-space:nowrap”解决方案不适用 问题答案: 根据CSS 2.1规则,表格单元格的高度为“内容所需的最小高度”。因

  • 问题内容: 小提琴说明了一切。我想要一个仅限CSS的解决方案,将表的宽度限制为div的宽度。长字符串应被打断(但是您可以看到它不是),这将导致表溢出。 我不想使用任何像素宽度。这应该是完全流畅的。 问题答案: 大家看看

  • 问题内容: 我有一张桌子,应该始终占据屏幕高度的一定百分比。大多数行的高度都是固定的,但我有一排应该伸展以填充可用空间。万一该行中单元格的内容超出了所需的高度,我希望使用overflow:hidden剪切内容。 不幸的是,表和行不遵守max-height属性。(这在W3C规范中)。当单元格中的文本过多时,表格将变高,而不是坚持指定的百分比。 如果我为其指定一个固定的高度(以像素为单位),则可以使表

  • 我想使用FXML在JavaFX中创建一个包含3列的GridPane。中柱上有一个大标签。中间列采用标签的宽度。左栏和右栏各占表单剩余宽度的一半(50%)。我尝试将百分之五十的宽度设置为左栏和右栏。但是,宽度设置为整个形状的50%,而不是剩余宽度。例如,表单的宽度为1000px。中柱可能需要400px,而左柱和右柱各自需要300px。即使窗体在运行时调整大小,此公式也应保持不变。

  • 问题内容: 我在表容器中有不确定数量的表单元元素。 有没有一种纯粹的CSS方法可以使表格单元具有相等的宽度,即使它们内部具有不同大小的内容? 谢谢。 编辑:具有最大宽度将需要知道您有多少个单元格? 问题答案: 这是工作单元数不确定的有效 您可以为每个父对象固定一个宽度( 表格 ),否则通常将为100%。 诀窍是使用 每个单元上的一定宽度触发它,这里是2%。这将触发 另一个 表算法,浏览器会尽力遵守

  • 问题内容: 许多人仍然使用表格来布局控件,数据等。-流行的jqGrid就是一个例子。但是,发生了一些我似乎无法理解的魔术(它的桌子大声喊叫,可能有多少魔术?) 如何设置表的列宽并使它像jqGrid那样遵守!?如果我尝试复制此内容,即使我设置了every ,只要这些单元格之一的内容大于20px,该单元格就会展开! 有什么想法或见解吗? 问题答案: 您可以尝试对所有行使用标签管理表样式,但是您需要在或