使细胞保持10％的宽度

Question

我有一个细胞，它有10％的宽度和几个字。缩小窗口大小时，大小会变得更小，直到它与内部文本的长度相匹配，然后停止收缩。我希望它保持在10％的宽度。我该怎么做呢？

对不起，使用divs不是一个选项。

Answer 1

这可能做的伎俩：

#your_table { 
    table-layout: fixed; 
} 

表可以（应该，因为它是由浏览器来实现这个）有两种类型的布局：

1. table-layout: fixed：这是“愚蠢的“表格布局。桌子不关心其内容，只是不小心调整大小。
2. table-layout: auto：这是“智能”表格布局。表格关心关于它的内容，并在达到单元的最小宽度和高度时停止调整单元的大小。这是默认的表格行为。

谢谢W3C：http://www.w3.org/TR/CSS2/tables.html#propdef-table-layout

Answer 2

它看起来像你真正想要的是一组宽度。如果你说表格必须是300px，你可以指定单元格总是30px。相对规模是导致问题的原因。

table.myClass{ 
    width: 300px; 
} 

table.myClass td.myOtherClass{ 
    width: 10%; 
}