PHP新手百例系列教程、代码制作中……
 当前位置:首页 → 技术资料 → 详细内容        


DIV设定宽度后,内容却不换行的问题。
  添加时间:[ 2016-4-14 ]    浏览人气:[ 1009 ]    [ 评论本文 ]  [ 打印本文 ]

通常,将css代码添加 word-wrap:break-word;即可。

#rightD{width:700px;height:auto;padding:0px;margin:0px;border:1px solid;background-color:#ABCDEF;word-wrap:break-word;}

----------------

如果问题仍未解决,可以考虑如下两个方法:

1、清除内容格式后,以纯文本的方式写入数据库,有时也可以解决问题。

2、对DIV结构进行纠错。

----------------

word-wrap:break-word;释义:

word-wrap 属性允许长单词或URL 地址换行到下一行,如:

p.test {word-wrap:break-word;}

浏览器支持:IE、Firefox、Chrome、Safari、Opera,所有主流浏览器都支持word-wrap 属性。

定义和用法:

默认值:normal

继承性:yes

版本:CSS3

JavaScript 语法:object.style.wordWrap="break-word"

语法:word-wrap: normal|break-word;

值       描述

normal只在允许的断字点换行(浏览器保持默认处理)。

break-word在长单词或URL 地址内部进行换行。