在我的表格中，我设置列中第一个单元格的宽度为100px。 但是，当此列中的某个单元格中的文本太长时，列的宽度就会超过100px。如何禁用此扩展?
当前回答
如果对表的访问受限，那么使用类或内联样式可能会比较复杂。
或者你也可以瞄准每一行的第一个td和第th个子元素(也就是第一列)
当我用width测试它时，下面的规则对我有用，但由于某种原因，max-width不适用:
thead, tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
tr th:first-child, tr td:first-child {
width:100px;
}
其他回答
我所做的是:
设置td宽度: <td width="200" height="50"><!——blaBlaBla这里的内容——></td> . txt 使用CSS设置td宽度: < td风格= "宽度:200 px;高度:50 px;" > 用CSS再次设置宽度为max和min: < td风格= " max-width: 200 px;min-width: 200 px;max-height: 50 px;最小高度:50 px;宽度:200 px;高度:50 px;" >
这听起来有点重复，但它给了我想要的结果。为了更容易地实现这一点，你可能需要把CSS值放在样式表中的一个类中:
.td_size {
width:200px;
height:50px;
max-width:200px;
min-width:200px;
max-height:50px;
min-height:50px;
**overflow:hidden;** /*(Optional)This might be useful for some overflow contents*/
}
然后:
<td class="td_size">
将class属性放置到任何<td>。
凯旋的想法是对的。这是正确的代码…
<style type="text/css">
th.first-col > div,
td.first-col > div {
overflow:hidden;
white-space:nowrap;
width:100px
}
</style>
<table>
<thead><tr><th class="first-col"><div>really long header</div></th></tr></thead>
<tbody><tr><td class="first-col"><div>really long text</div></td></tr></tbody>
</table>
你不需要设置“fixed”-你只需要设置overflow:隐藏，因为列宽度已经设置好了。
我发现凯旋的答案使用vw而不是px更好，就像这样:
< td > < div =“宽度:10大众风格 " >...............</ div > < / td >
这是我调整列宽度所需要的唯一样式
只需在<td>或<th>定义宽度<div>内添加<div>标签。 这对你有帮助。别的都不管用。
eg.
<td><div style="width: 50px" >...............</div></td>
