元素定位CSS

Question

我正在向固定大小的div元素(使用.append)添加新的span元素。当我添加很多元素时，'div‘会因为滚动条溢出。是否有可能避免这种情况，并将div中的所有元素包装为以表格格式显示？

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

Answer 1

尝试：

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

。

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

。

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