html - 元素定位 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;
}