0

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

4

3 回答 3

2

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

word-wrap: break-word;
于 2013-08-08T06:07:51.750 回答
0

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

word-break: break-all;

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

于 2013-08-08T06:08:53.883 回答
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 */
}
于 2013-08-08T06:10:10.887 回答