css中div超出自动换行

在CSS中，要使得div超出自动换行，可以使用word-wrap属性或者overflow-wrap属性。通常，可以将这些属性设置为break-word值，以确保当单词或内容超出其容器宽度时，它们会自动换行。

以下是实现这一功能的CSS代码示例：




.div-wrap {
  word-wrap: break-word; /* 旧版浏览器支持 */
  overflow-wrap: break-word; /* 标准属性 */
}

接下来，将这个类应用到需要自动换行的div元素上：




<div class="div-wrap">
  这是一段很长的文本内容，当内容超出div容器的宽度时，应该自动换行显示。
</div>

这样，当div中的内容超出其宽度时，它会自动在断词处换行，保证内容的可读性和布局的整洁性。