在我的表格中,我把一列中第一个单元格的宽度设定为100px
。<br />。
然而,当这一列中的一个单元格的文字太长时,这一列的宽度就会超过`100px'。我怎样才能禁止这种扩展?
我玩了一会儿,因为我很难搞清楚它。
你需要设置单元格的宽度(无论是th
还是td
,我都设置了),并将table-layout
设置为fixed
。由于某些原因,只有在设置了表格宽度的情况下,单元格的宽度才会保持固定(我认为这很傻,但无所谓)。
另外,将 "溢出 "属性设置为 "隐藏 "也很有用,可以防止任何额外的文本从表格中流出。
你应该确保把所有的边框和大小都留给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>