表格等宽列

默认情况之下，如果你不知道表格单元格里的内容的话，你是无法预测到其宽度，很多时候超长的内容会破坏整体的布局。

table{
width: 400px;
}



解决方案：



css

table{
width: 400px;
table-layout: fixed;
}
td{
border: 1px solid #000;
overflow-wrap: break-word;
}

html
<table>
<tr>
<td>dddddddddddddddd</td>
<td>dddddddd</td>
<td>ddddddddddddddddddddddd</td>
<td>dd</td>
<td>d</td>
</tr>
<tr>
<td>dddddddddd</td>
<td>dddddddddddddddddddddddd</td>
<td>dd</td>
<td>dddddddddd</td>
<td>ddddddd</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>