读书人

div+css字的换行解决办法

发布时间: 2013-01-08 14:02:13 作者: rapoo

div+css字的换行
为什么div中的字在超出div的边界时却不能自动换行,
<div class="content_xue_left" id="ff">
sdsfdddddddddddddssssssssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssss</div>
css.content_xue_left{
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
height: auto;
width: 847px;
text-indent:5px;
white-space:normal;
}
[解决办法]
你需要使用
word-break:break-all;word-wrap:break-word
[解决办法]
用word-wrap
[解决办法]
楼主贴出的代码中,文字并没有超过div界限,你设置的div的width: 847px;实际文字还没到div的边界,
如果把width的数值改小点,div宽度缩小了,里面的内容自然会换行。
[解决办法]

引用:
你需要使用
word-break:break-all;word-wrap:break-word

++
[解决办法]
在IE还可以用 word-break:break-all;word-wrap:break-word ,这个代码,但FF就无效了

读书人网 >跨浏览器开发

热点推荐