使细胞保持10％的宽度

Question

我有一个10％宽的单元格，里面有几个单词。当缩小窗口大小时，大小会一直变小，直到它与内部文本的长度匹配，然后它会停止缩小。我希望它能保持10％的宽度。我该怎么做呢？

抱歉，使用div不是一种选择。

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%;
}