html - 元素定位 CSS

Question

我正在向固定大小的元素（使用 .append）添加新span元素。div当我添加许多元素时，'div' 会溢出滚动条。是否可以防止这种情况并将所有元素包装div在以表格格式显示的内容中？

我正在尝试的示例位于http://jsfiddle.net/Hj3Qe/2/

Answer 1

尝试：

#x{
    word-wrap:break-word;
}​

jsFiddle 示例。

这将使跨度保持在 div 的宽度内，尽管我不确定您在不使用表格的情况下使用表格格式寻找什么。为此，您可能希望将 CSS 规则添加 display:inline-block;到您的跨度中，并根据需要调整宽度。

jsFiddle 示例 #2。

span {
    width:20px;
    display:inline-block;
}