我试图用来自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个较大的帖子。
答案 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 */
}