CSS（Cascading Style Sheets）是一种用于网站样式设计的技术。使用CSS可以使文档呈现出更加优美的样式。它是一系列规则和指令的组合，用于定义网页的呈现方式，包括颜色、字体、布局、大小等。在这篇文章中，我们将学习如何使用CSS显示新行内容的Div标签。
1. 什么是Div标签
<div>标签是一个HTML中的块级元素，它可以用来组织一个网页的整体结构，将不同的元素分成不同的区域，方便进行布局和样式设计。同时，<div>标签也是CSS中一个很常用的元素。
2. 如何在Div中显示新行内容
默认情况下，<div>标签中的内容是连续排列的，并且不会自动换行。因此，当需求是要在<div>标签内显示多行内容时，我们需要添加一些CSS定义来实现自动换行的效果。下面介绍两种方式。
2.1 使用CSS中的“white-space”属性
`white-space`属性是一个CSS中用于控制空格与换行符处理方式的属性，其中包括以下值：
* normal：默认值，忽略多余的空白符，自动换行
* nowrap：不自动换行
* pre：保留空白符，不自动换行
* pre-wrap：保留空白符，自动换行
* pre-line：保留文本的换行符，自动换行
我们需要使用`white-space`属性来将<div>标签的行为更改为“保留空白符并自动换行”，实现的方式是在CSS文件中加入以下代码：
div {
white-space: pre-wrap;
}
2.2 使用CSS中的“word-wrap”属性
`word-wrap`属性是CSS中用于控制不可自动断行的字符串强制换行的属性。它有以下几个属性值：
* normal：默认值，不强制断行
* break-word：强制将不可自动断行的字符串换行
我们可以使用`word-wrap`属性来在需要的时候将不可断行的文本进行强制换行。实现的方式是在CSS文件中加入以下代码：
div {
word-wrap: break-word;
}
3. 总结
以上就是在CSS中显示新行内容的<div>标签的两种方法：使用`white-space`属性和使用`word-wrap`属性。两种方法各有优缺点，可以根据自身需求进行选择。CSS中有很多其他常用的属性可以用于控制块级元素的行为，需要我们深入学习和了解。
颜色、字体、布局、大小等是每个前端开发者需要掌握的技能，多多学习与实践，可以让我们的网页更加优美、丰富、精彩。