html - 由于内容的原因，html 标签的宽度属性无法正常工作

Question

我有如下表格

<table width="50px" border="1">
    <tr>
        <td>row1</td>
        <td>row1</td>
        <td>row1</td>
        <td>row1</td>
        <td>row1</td>
        <td>row1</td>
    </tr>
</table>

当我设置 width="50px" 时，除非我减小字体大小，否则表格的宽度大于 50px。

我想让表格的宽度与我在属性(width="50px") 中设置的一样。

有什么方法可以自动减小字体大小以适应表格的宽度？

Answer 1

添加style="table-layout: fixed;"到表格以限制比例。

<table width="50px" border="1" style="table-layout:fixed;">
    <tr>
        <td>row1</td>
        <td>row1</td>
        <td>row1</td>
        <td>row1</td>
        <td>row1</td>
        <td>row1</td>
    </tr>
</table>

此外，您创建的是列而不是行...您将无法向其中添加任何可读文本!

行应由 <tr>'s 分隔