如何固定表中单元格的宽度,单元格中内容过长时,单元格的列宽不变,行宽增加一行,显示过长的内容,我在表的列头使用的是style={width:"20%"},列头的宽度占表的百分比,当单元格内容过长时,行宽增大,显示过长的内容。
请各位高手提供好的方法,有详细的例子更好,谢谢。
table-layout:fixed;
overflow:hidden;
13年的问题啦,估计现在已经成为大神了吧。
<html>
<head>
</head>
<body>
<table id="mytable" border="1">
<tr>
<td style="width: 100px; word-break: break-all;">如何固定表中单元格的宽度11111111111111</td>
<td style="width: 100px; word-break: break-all;">阿里巴巴阿</td>
<td style="width: 100px; word-break: break-all;">阿里巴巴阿里巴巴2</td>
<td style="width: 100px; word-break: break-all;">阿里巴巴阿里巴巴2</td>
<td style="width: 100px; word-break: break-all;">阿里巴巴阿里巴巴2</td>
</tr>
<tr>
<td style="width: 100px; word-break: break-all;">阿里阿里巴巴阿里巴巴阿里巴巴阿里巴巴</td>
<td style="width: 100px; word-break: break-all;">阿</td>
<td style="width: 100px; word-break: break-all;">阿里巴巴阿阿里巴巴</td>
<td style="width: 100px; word-break: break-all;">阿里巴巴阿阿里巴巴</td>
<td style="width: 100px; word-break: break-all;">阿里巴巴阿里巴巴2</td>
</tr>
</table>
</body>
</html>