我有一个细胞,它有10%的宽度和几个字。缩小窗口大小时,大小会变得更小,直到它与内部文本的长度相匹配,然后停止收缩。我希望它保持在10%的宽度。我该怎么做呢?使细胞保持10%的宽度
对不起,使用divs不是一个选项。
我有一个细胞,它有10%的宽度和几个字。缩小窗口大小时,大小会变得更小,直到它与内部文本的长度相匹配,然后停止收缩。我希望它保持在10%的宽度。我该怎么做呢?使细胞保持10%的宽度
对不起,使用divs不是一个选项。
这可能做的伎俩:
#your_table {
table-layout: fixed;
}
表可以(应该,因为它是由浏览器来实现这个)有两种类型的布局:
table-layout: fixed
:这是“愚蠢的“表格布局。桌子不关心其内容,只是不小心调整大小。table-layout: auto
:这是“智能”表格布局。表格关心关于它的内容,并在达到单元的最小宽度和高度时停止调整单元的大小。这是默认的表格行为。谢谢W3C:http://www.w3.org/TR/CSS2/tables.html#propdef-table-layout
它看起来像你真正想要的是一组宽度。如果你说表格必须是300px,你可以指定单元格总是30px。相对规模是导致问题的原因。
table.myClass{
width: 300px;
}
table.myClass td.myOtherClass{
width: 10%;
}