我玩了一段时间,因为我很难弄清楚。
您需要设置单元格宽度(无论是工作th
还是td
工作,我都设置了两者)并将设置table- layout
为fixed
。出于某种原因,如果设置了表格宽度,单元格的宽度似乎也只能保持固定(我认为这很愚蠢,但是whatev)。
此外,设置overflow
属性hidden
以防止任何多余的文本从表中流出也很有用。
您还应该确保将CSS的所有边界和大小都保留下来。
好的,这就是我所拥有的:
table {
border: 1px solid black;
table-layout: fixed;
width: 200px;
}
th,
td {
border: 1px solid black;
width: 100px;
overflow: hidden;
}
<table>
<tr>
<th>header 1</th>
<th>header 234567895678657</th>
</tr>
<tr>
<td>data asdfasdfasdfasdfasdf</td>
<td>data 2</td>
</tr>
</table>