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

Html 如何使段落不显示在一行中,html,css,word-wrap,Html,Css,Word Wrap,我有一个段落,里面有很多文字,但这段文字显示在一行中。如何格式化此文本,使其不会弄乱我的网站,也不会在一行中显示 提前感谢您的帮助 编辑: 这是我的代码: <div class="catDescription"> <?php echo $this->category->description; ?> </div> 您可以在此处查看我的问题: 如果为段落设置宽度,则除非另有规定,否则当超过段落宽度时,默认情况下文本应换行 p {

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

提前感谢您的帮助

编辑:

这是我的代码:

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

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


如果为段落设置宽度,则除非另有规定,否则当超过段落宽度时,默认情况下文本应换行

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

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

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

使用换行符:

。在希望换行的任何位置插入。

使用换行符:

。插入希望换行出现的任何位置。

这是因为您只有一个单词

添加
换行:断开单词


这是因为你只有一个单词

添加
换行:断开单词


如果您有一个不带空格的字符串,为了打断它,您必须为段落指定一些固定的
宽度,然后使用值为
break word


如果您有一个不带空格的字符串,为了打断它,您必须为段落指定一些固定的
宽度,然后使用值为
break word


实现这一点有不同的方法

您可以使用一些

标记,但是看看您的代码,我认为它没有什么用处

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

.catDescription {
    max-width: 1024px; /*Width example, you can ofc change it*/
}
如果您有文本墙,
行高
属性可以帮助您避免文本过紧。例如:

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

实现这一点有不同的方法

您可以使用一些

标记,但是看看您的代码,我认为它没有什么用处

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

.catDescription {
    max-width: 1024px; /*Width example, you can ofc change it*/
}
如果您有文本墙,
行高
属性可以帮助您避免文本过紧。例如:

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

我们可以在这里输入一些代码吗?抱歉,将代码添加到问题中。可能重复的
nl2br()
-阅读手册:我们可以在这里输入一些代码吗?抱歉,将代码添加到问题中。可能重复的
nl2br()
-阅读手册: