html 列，其宽度根据其内容自动改变

Question

我创建了包含 3 列的动态 HTML 页面。每列可以包含可变数量的文本 - 从 0 到 1000 个单词。我希望 3 列中的文本看起来高度大致相同。所以，我想让列宽根据它们包含的文本量自动更改。

在 HTML 中，当每个单元格都有一个文本 div 时，这会自动发生在表格中，请参见此处的第一个表格: http://tora.us.fm/_script/demotables.html

但是，当单元格包含多个 div 时，这不再有效，请参阅那里的第二个表。最左边的列非常窄且高，而不是更宽和更短。

将“宽度”属性添加到最左边的列(通过单击按钮)会显示预期的结果。但是，我事先并不知道哪一列的宽度应该是多少。

是否可以自动调整？

jsfiddle:http://jsfiddle.net/erelsgl/RJa2k/5/

Answer 1

尝试将此 td div{white-space: nowrap} 或此 td div{display: inline} 添加到 css。这是您需要的结果吗？