CSS“table-layout：fixed”和内部内容自动宽度的单元格

Question

如果内容列宽于列，我的table-layout:fixed和内部列的宽度会出现问题。

在这里查看我的示例： http://jsfiddle.net/H5FLm/

这个标记的主要思想是我需要通过内部内容和侧面液柱自动宽度居中列。

我已经打开任何建议来修复它或使用不同的标记。

感谢。

Answer 1

我更喜欢使用自动换行而不是溢出。检查我的版本here

在内容类中添加了word-wrap: break-word;。

Answer 2

看看这个布局，听起来就像你正在寻找的那样：

• http://matthewjamestaylor.com/blog/perfect-3-column.htm

当前布局不起作用的唯一原因是您选择使用字符串looooooooooooooong作为示例文本。 HTML不包装字母。从技术上讲，你可以修复overflow: hidden;和BOOM ...问题。

如果你使用loo oooooo oooooo ong，没问题。