div中的文本换行 - 示例里面

时间:2013-08-08 06:03:42

标签: php html mysql

我试图用来自mysql的文本在div中包装文本,它似乎流过设置的宽度。我正在使用它作为代码。

<div style='width:100px; min-height:20px; float:left; margin-left:10px; border:1px solid #ccc; white-space: none;'>
<? echo "".$row['msg']."<br><br>"; ?>
</div> 

http://www.2click4.com/test/mods/chatrooms/index2.php?cid=Noosa-Heads@-Queensland@-Australia

这是我试图获得结果的网站。你会看到2个较大的帖子。

3 个答案:

答案 0 :(得分:2)

你需要添加CSS break-word属性来分解没有空格的文本。

word-wrap: break-word;

答案 1 :(得分:0)

如果一个单词比分配的空格长,它将流过div矩形的边界。 你唯一能做的就是将以下内容添加到div的样式中:

word-break: break-all;

这将允许CSS在中间的任何地方打破任何单词,违反正常的单词破坏规则。 示例:http://jsfiddle.net/vY9U4/

答案 2 :(得分:0)

试试这个

.wordwrap { 
white-space: pre-wrap;      /* CSS3 */   
white-space: -moz-pre-wrap; /* Firefox */    
white-space: -pre-wrap;     /* Opera <7 */   
white-space: -o-pre-wrap;   /* Opera 7 */    
word-wrap: break-word;      /* IE */
}