Question

我有一个段落里面有很多文字，但是这个文字显示在一行中。如何格式化这个文本，这样就不会弄乱我的网站，也不会把它显示在一行？

提前感谢您的帮助！

编辑：

这是我的代码：

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

您可以在此处查看我的问题：

Answer 1

这是因为你只有一个字。

添加word-wrap: break-word;

喜欢

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

Answer 2

如果为段落设置宽度，则默认情况下文本应该换行，除非另有指定，否则超出段落的宽度。

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

Answer 3

你有一个非间隔字符串，为了打破它，你必须为你的段落分配一些固定的width，而不是使用值为break-word的{{3}}属性

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>。插入您想要换行的地方。