html - 单个文本重叠在元素上

Question

我有以下代码

<div class="row-fluid">
    <div class="span6"><img src = "<?php echo $photo ?>"/><?php echo $row['comment'];?></div>
    <div class="span6"></div>
</div>

产生这个：http ://d.pr/i/g4y7

为什么文本“thissssssss..sss”会与另一个跨度重叠，而带有空格的文本“this this this”会显示得很好？

预期的结果是文本的第一部分。问题是第二个。

Answer 1

因为浏览器不知道如何换行这个长词。

您必须声明：

 <element> { word-wrap: break-word }

避免这种情况。