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

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