前端 html 文字在 div 中实现自动换行

作者：System 时间：2024年08月12日分类：所有,html 字数：366

这篇文章距离上次修改已过200天，其中的内容可能已经有所变动。

要在HTML中实现文本在<div>中自动换行，可以使用CSS样式word-wrap或overflow-wrap属性。以下是实现这一功能的CSS代码示例：




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

接下来，将这个类应用到你的<div>元素上：




<div class="div-with-autowrap">
  这是一段很长的文本，需要在div中自动换行。
</div>

当文本超出<div>的宽度时，它将自动换行，确保单词或者文本不会溢出容器边界。