如何使段落不显示在一行中

Question

我有一段里面有很多文本，但这段文本显示在一行中。我如何格式化此文本，使其不会弄乱我的网站，也不会显示在一行中？

提前感谢您的帮助！

编辑：

这是我的代码：

<div class="catDescription">
    <?php echo $this->category->description; ?>
</div>

你可以在这里查看我的问题是什么：

http://complusoft.net/demo-ventus/index.php?option=com_k2&view=项目列表&layout=类别&任务=类别&id＝29&项目ID=334

Answer 1

这是因为您只有一个单词。

添加word-wrap: break-word;

像

.catDescription p {
    width: 300px;
    white-space: normal;
    word-wrap: break-word;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap

Answer 2

如果为段落设置了宽度，那么当超过段落宽度时，除非另有指定，否则默认情况下文本应换行。

p {
    width: 300px;
    white-space: normal;
}

Answer 3

您有一个非间隔字符串，为了打破它，您必须为段落分配一些固定的width，然后使用值为break-word 的word-wrap属性

演示

Answer 4

实现这一点有不同的方法。

您可以使用一些<br>标记，但查看您的代码，我认为它可能没有用处。

这就是为什么我建议你更好地格式化你的文本。你可以设计你的<div>和<p>的样式，以获得好看的文本。首先，为div设置一个max-width：这样，如果用户缩小了窗口，或者分辨率很低，则会保留布局。

.catDescription {
    max-width: 1024px; /*Width example, you can ofc change it*/
}

如果您有文本墙，line-height属性可以帮助您避免文本过于紧凑。例如：

.catDescription p {
    line-height:130%;
}

Answer 5

使用换行符：<br>。在希望换行的任何位置插入。