php - 在 div 中换行时出错

Question

你能告诉我为什么varun09在下面的图片中会出现中断吗？这有点奇怪，因为只有当语句大于实际宽度时才会发生这种情况<div>，我想知道如何包装文本？我想要垂直滚动选项，而不是水平滚动条。

我正在<div>通过 PHP 填充 Mysql 数据。

代码是：

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

为什么换行？

score 1 · Accepted Answer

1

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

word-wrap: break-word;

于 2012-09-17T19:20:14.303 回答

score 1 · Accepted Answer

1

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

selector {
    word-wrap: break-word;
}

于 2012-09-17T19:22:55.777 回答

score 0 · Accepted Answer

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

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

3 回答 3