在div中包装文本时出错

Question

你能告诉我为什么在下面的varun09之后有一个休息时间？这有点奇怪，因为它只在语句大于<div>的实际宽度时才会发生，我想知道如何包装文本？我想要垂直滚动选项，但不是水平滚动条。

我通过Php。

填充了<div>和Mysql数据

代码是：

while ($row = mysql_fetch_assoc($query_run)) {
    echo '<p>'.$row['user_name'].' '.$row['chat_body'].'</p><br> ';
}

Answer 1

<强> jsBin demo

为您的元素使用CSS属性word-wrap：

word-wrap: break-word;

Answer 2

您可以使用自动换行属性：

selector {
    word-wrap: break-word;
} 

Answer 3

您需要设置空白区域以便它为您换行，但varun09之后的空格将导致下一个空格转到下一行。试试这个组合：

jsFiddle Demo

p { word-wrap: break-word; white-space:pre; }​

Info on white-space here