表格等宽列

最新推荐文章于 2022-11-16 20:37:03 发布

Wangdanting123

最新推荐文章于 2022-11-16 20:37:03 发布

阅读量683

点赞数

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

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>