如何在 div css 中换行文本

在 CSS 中，我们通过 display 属性来设置元素的显示方式。display 属性有多个取值，其中一个是 block。block 元素通常会在页面中创建一个新行，并在元素前面和后面添加行间距。因此，我们可以将一个 div 元素设置为 block，从而实现在 div 中换行文本的效果。

下面是一段示例代码：

<div style="display: block">
  This is the first line.<br>
  This is the second line.
</div>

在上面的示例代码中，我们将 div 元素的 display 属性设置为 block，然后在文本中使用了 <br> 标签来实现换行的效果。

除了使用 <br> 标签之外，还可以通过添加 white-space 属性来设置元素中的空白符处理方式。在默认情况下，浏览器会将连续的空格和换行符压缩成一个空格。我们可以通过将元素的 white-space 属性设置为 pre-wrap 或 pre-line 来保留这些空白符。

下面是一段示例代码：

<div style="display: block; white-space: pre-wrap">
  This is the first line.
  This is the second line.
</div>

在上面的示例代码中，我们将 div 元素的 white-space 属性设置为 pre-wrap，表示将保留空白符，并且当空间不足时自动换行。这样，我们就可以在 div 中换行文本了。

以上就是在 div css 中换行文本的两种实现方式，希望可以对你有所帮助。