2012-05-21 147 views
0

我将新的span元素添加到固定大小的div元素(使用.append)。当我添加了很多元素时,'div'用滚动条溢出。是否有可能防止这种情况,并将div中的所有元素都以表格形式显示?元素定位CSS

的什么,我想一个样本是在http://jsfiddle.net/Hj3Qe/2/

回答

2

尝试:

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

jsFiddle example

这将使跨度保持在div的宽度范围内,尽管我不确定要使用表格格式而不使用表格。为此,您可能需要将display:inline-block;的CSS规则添加到您的跨度,根据需要调整宽度。

jsFiddle example #2

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

第二个例子看起来很棒..通过表格格式,我的意思是以有序的方式查看。 –

+0

我注意到的其他有趣的东西是当我使用单词包装''元素重叠在一个之上..这可能是由于任何CSS应用在div?还有一个字符' - '是否会影响换行符? (如果我在span元素中有' - ',元素就会中断,所有其他元素将从下一行继续。) [链接](http://jsfiddle.net/Hj3Qe/5/)。在这个例子中,6在' - '之前休息! –

+0

这是唯一可以找到的关于分词功能的方式:如果行中没有其他可接受的中断点,则可以在任意点处打破不可分割的“词”。塑造人物的形状仍然是一样的,就像这个词没有被打破一样,并且字形聚类必须一起保持为一个单元。断点处不插入连字符。 – j08691