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;"添加到表格中以约束比例。

＆＃13;

<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>

＆＃13;

此外，您还要在那里创建列而不是行...您无法向这些列添加任何可读文本！

行应由<tr>'s

分隔

由于内容，html标记的Width属性不能很好地工作

1 个答案: