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

【问题标题】：define cell width based on the longest content in html根据html中最长的内容定义单元格宽度
【发布时间】：2014-07-16 01:19:41
【问题描述】：

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

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

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

【问题讨论】：

你试过什么？发布您的编码。更详细地说明您想要实现的目标。
@ImagineStudios 我编辑了这篇文章。希望对您有所帮助。
您希望所有单元格都具有相同的长度吗？或者您希望它们尽可能长以将所有单词保持在一行中？
@ImagineStudios 我希望所有单元格的宽度为 X，其中 X = 包含“一个非常长的单词”的单元格的宽度
所以你希望所有的单元格都是 300px？

标签： css html-table

【解决方案1】：

这是你要找的吗？

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

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

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

【讨论】：

我觉得应该会影响到整个。
只需阅读您的评论“我不希望它保持固定在 300 像素。这是一个示例。我删除了它。不会那么长。我只是想以某种方式扫描行，找到最长的内容，让所有的单元格都有那个宽度。真的有那么难吗？并且必须同意，这实际上超出了 HTML 和 CSS 可以做的范围，因为基本问题是随机具有最大宽度的单元格没有被告知要做它正在做的事情，它只是遵循DOM 的规则。很抱歉不得不告诉你...