php - div中的文本换行-内部示例

Question

我正在尝试使用 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 个较大的帖子。

Answer 1

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

word-wrap: break-word;

Answer 2

如果一个词比分配的空间长，它会流过 div 的矩形边界。您唯一能做的就是将以下内容添加到 div 的样式中：

word-break: break-all;

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

Answer 3

试试这个

.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 */
}