HTML表格单元格宽度 - 标题全球化的问题

Question

我有下表：

<table>
    <tr>
        <td width="10%">Heading1</td>
        <td width="15%">Heading2</td>
        ....
        <td width="5%">Heading3</td>
    </tr>
    ....
</table>

单元格的宽度由第一行单元格的宽度定义。到目前为止，非常好。

如果我将标题翻译成其他语言 - 单元格中的文本会改变其长度，结果是看起来很糟糕的表格 - 某些单元格具有大量空间，而对于其他单元格则不足以显示其中的文本

我该怎么办？

我尝试了很多不同的变体 - 宽度 - 自动/百分比/它们的组合，没有任何效果。

有没有人知道如何设置宽度以便动态地适应上下文？

我也考虑过一些JavaScript函数 - 我可以在构建html之前获取每个标题的文本，并根据其长度来设置表的宽度？

Answer 1

列的宽度对于所有行都相同，您无法更改此行为。你可以省略宽度参数，表格会自动调整。如果您不希望列太薄，可以尝试设置“min-width”css属性。