css 自负换行

CSS 中的自动换行是常常被用到的属性之一。当一个元素的宽度不够容纳里面的内容时，会自动将内容换行到下一行。在 CSS 中可以设置元素的宽度，也可以通过使用 word-wrap 和 white-space 属性来控制元素的自动换行。

代码示例：
/* 设置元素的宽度 */
div {
  width: 200px;
}

/* 使用 word-wrap 属性控制换行 */
p {
  word-wrap: break-word;
}

/* 使用 white-space 属性控制空格和换行符的显示方式 */
pre {
  white-space: pre-wrap;
}

当一个元素的宽度不够容纳内容时，若想让文本自动换行，可以使用 word-wrap 属性。该属性通过设置 break-word 值，可以强制将单词断开，从而让文本换行。

另一个常常被用到的属性是 white-space。这个属性用来控制元素中空格和换行符的显示方式。默认情况下，空格和换行符都是会被显示出来的。通过设置 white-space 属性，我们可以改变白空格和换行符的显示方式，从而达到对元素自动换行的控制效果。

总之，在 CSS 中实现元素自动换行是及其重要的一部分。熟练掌握 word-wrap 和 white-space 属性，将使你的布局设计更加精美，技术更加熟练。