在我的表格中，我设置列中第一个单元格的宽度为100px。 但是，当此列中的某个单元格中的文本太长时，列的宽度就会超过100px。如何禁用此扩展?
当前回答
使接受的答案响应小屏幕时，小于固定宽度。
HTML:
<table>
<tr>
<th>header 1</th>
<th>header 234567895678657</th>
</tr>
<tr>
<td>data asdfasdfasdfasdfasdf</td>
<td>data 2</td>
</tr>
</table>
CSS
table{
border: 1px solid black;
table-layout: fixed;
max-width: 600px;
width: 100%;
}
th, td {
border: 1px solid black;
overflow: hidden;
max-width: 300px;
width: 100%;
}
JS小提琴
https://jsfiddle.net/w9s3ebzt/
其他回答
设置:
style="min-width:100px;"
为我工作。
如果您需要一个或多个固定宽度的列，而其他列需要调整大小，请尝试将min-width和max-width设置为相同的值。
您需要在相应的CSS中编写这些内容
table-layout:fixed;
我玩了一会儿，因为我搞不懂。
你需要设置单元格宽度(th或td工作，我设置两者)和设置表格布局固定。出于某种原因，单元格宽度似乎只有在设置表宽度时才会保持固定(我认为这很愚蠢，但无所谓)。
此外，将overflow属性设置为hidden也很有用，可以防止任何额外的文本从表中输出。
你也应该确保所有的边界和大小都留给CSS。
好了，这是我得到的:
表{ 边框:1px纯黑色; 表布局:固定; 宽度:200 px; ｝ th, td { 边框:1px纯黑色; 宽度:100 px; 溢出:隐藏; ｝ <表> < tr > < th >头1 < / th > < th >头234567895678657 < / th > < / tr > < tr > < td >数据asdfasdfasdfasdfasdf td > < / < td >数据2道明> < / < / tr > 表> < /
在JSFiddle中
这个家伙有一个类似的问题:表单元格宽度-固定宽度，换行/截断长单词
如果不想要固定的布局，请指定一个类，使列的大小适当。
CSS:
.special_column { width: 120px; }
HTML:
<td class="special_column">...</td>
