Html 设置a<；表>；？

我想了解设置表格大小（宽度）的最佳实践是什么，这样单元格中的内容就不会离开表格（尤其是水平方向），而是被迫留在单元格中

我需要在

元素级别上设置宽度和高度，还是应该同时为

和

元素设置宽度和高度

例如，此表：

<table>
        <tr >
            <td>
                Name
            </td>
            <td>
                Mr.Tuber
            </td>
        </tr>

        <tr >
            <td>
                Surname
            </td>
            <td>
                Tupova
            </td>
        </tr>
</table>

名称
Tuber先生
姓
图波瓦

只要您将文本放入单元格，单元格的内容就永远不会超出表格

构建这样的表的一个好方法是使用CSS设置表的总体大小以及列的宽度。让表格垂直展开以自动容纳内容

<table class="table1">
        <tr>
            <td class="col1">
                Name
            </td>
            <td class="col2">
                Mr.Tuber
            </td>
        </tr>

        <tr>
            <td>
                Surname
            </td>
            <td>
                Tupova
            </td>
        </tr>
</table>

您不需要专门设置col2，因为它将占用剩余的任何空间。您可能还希望对标题单元格使用

TH

而不是

TD

，这样您就可以使用与内容单元格不同的样式

.table1 th { ... }

.table1 th { ... }