元素定位CSS

Question

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

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

Answer 1

尝试：

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

<强> jsFiddle example

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

<强> jsFiddle example #2

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