块级标签不自动换行的解决方式

关键点:任何固定了长度的块级元素里,长单词和长数字不自动换行,中文字符会自动换行

效果如下:https://codepen.io/xiao_5/pen/oNQZOpZ

解决方案:给块级元素添加word-wrap:break-word;word-break: break-all;样式。

扩展知识点:

CSS属性word-break用于控制文本在换行时的断字规则,参考链接

CSS属性word-wrap允许长单词或 URL 地址换行到下一行,参考链接

你可能感兴趣的:(HTML&CSS,前端,css,html)