css - 根据html中最长的内容定义单元格宽度

Question

希望表格中所有单元格的宽度与包含最长内容所需的一样长，而无需间接“创建”新行。较小的字应放在相应单元格的中心。例如拿这段代码

<table border="1">
    <tr>
        <td>ID</td>
        <td>Last Name</td>      
        <td>First name</td>
        <td>Hire dataς</td>
        <td>A really really long word</td>
    </tr>
</table>

它有一个固定的宽度。我希望宽度与“A really long word”的长度相等。单元格的宽度会更大。其余的 tr_s 将向左对齐，我希望它们居中对齐。我希望我能更准确地描述它。有什么想法吗？提前致谢。

Answer 1

这是您要找的吗？

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_nowrap

如果您不使用单独的样式表，则可以通过内联使用 CSS 使表格文本居中

<td nowrap style="text-align: center"> content </td>