HTML 页面 div 文字内容过长自动换行

>>号外：关注“前端知音”公众号，回复“面试资料”关键词，免费领取全套前端面试题文件。

前端页面富文本编辑器呈现内容时碰到页面文字很长都被其他元素覆盖了也不换行。

文章发布后显示的内容（其他元素的文字内容不换行），比如code标签等等，都在一行上显示。

下面简单记录一下div文字过长换行的两个属性。

1 2	word-break: break-all;   white-space: normal;

这样两个css属性完全解决问题。

GO！

推荐阅读  点击标题可跳转

觉得本文对你有帮助？请分享给更多人

关注「前端知音」加星标，提升前端技能

关注「前端知音」看更多干货