内容超过div限制就自动换行

Knight-Key

已于 2024-01-01 08:16:29 修改

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html 文章标签： div换行

于 2018-06-22 10:50:09 首次发布

本文链接：https://blog.youkuaiyun.com/Knight_Key/article/details/80770524

10 篇文章

订阅专栏

本文介绍了一种解决长字符串在网页中不换行导致视觉效果不佳的问题的方法。通过设置div元素的样式属性，如width, display, word-break和word-wrap，可以使长字符串在适当的位置自动换行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很多时候，有一些需要往div里面填充变量内容时，往往这些变量是不能换行的，一旦这个变量长度太长，是会影响用户体验的。

这个样式即可。

    <div style='width: 100px;display:block;word-break: break-all;word-wrap: break-word;'>
    </div>