css控制div里的的字符串的显示，遇到 换行，超出div的宽度也换行

在CSS中，可以使用各种属性来控制div里的文本显示，例如字体、大小、颜色、对齐方式等。以下是一些常用的CSS属性，用于控制文本的显示：

1. color：设置文本颜色。
2. font-family：设置文本的字体。
3. font-size：设置文本的大小。
4. text-align：设置文本的对齐方式（左、右、中、两端对齐）。
5. line-height：设置行间距，即行高。
6. text-decoration：设置文本装饰（如下划线、上划线、删除线）。
7. text-transform：控制文本的大小写（如小写、大写）。
8. letter-spacing：设置字符之间的间距。
9. word-spacing：设置单词之间的间距。
10. font-weight：设置字体的粗细。

以下是一个简单的例子，展示如何使用CSS控制div里的文本：

HTML:

<div class="text-example">这是一段示例文本。</div>

CSS:

.text-example {
  color: #333333;            /* 文本颜色 */
  font-family: 'Arial', sans-serif; /* 字体 */
  font-size: 16px;            /* 字体大小 */
  text-align: center;         /* 文本居中对齐 */
  line-height: 1.5;           /* 行间距 */
  text-decoration: none;      /* 无文本装饰 */
  text-transform: uppercase;   /* 文本转换为大写 */
  letter-spacing: 2px;        /* 字符间距 */
  word-spacing: 4px;          /* 单词间距 */
  font-weight: bold;          /* 字体粗细 */
}

在这个例子中，.text-example 类应用于一个div元素，并设置了多种文本样式属性。这些属性可以根据需要进行组合和调整，以达到所需的文本显示效果。