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

小编典典

html

Test	A long string blah blah blah

<style>
td{max-width:67%;}
</style>

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

阅读 673

2020-05-10

共1个答案

小编典典

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

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

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

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

2020-05-10