HTML中数字和字母不换行显示
HTML中数字和字母不换行显示的默认行为及如何通过CSS的word-wrap
和word-break
属性进行调整。
在HTML中标签中的数字和字母默认是不换行的,如果要将他们换行,在CSS中添加”word-wrap: break-word;” 即可解决
语法:word-wrap: normal|break-word;
normal
: 单词默认是不能断开的,长单词就会溢出
break-word
: 会首先起一个新行来放置长单词,新的行还是放不下这个长单词则会对长单词进行强制断句。
如果需要,词内换行使用(word-break
)即可
语法:word-break:break-all;
不会把长单词放在一个新行里,当这一行放不下的时候就直接强制断句了。
word-break:break-all;word-wrap:break-word
CSS 属性 word-break 指定了怎样在单词内断行。
这个属性原本属于微软扩展的一个非标准、无前缀的属性,叫做 word-wrap,后来在大多数浏览器中以相同的名称实现。目前它已被更名为 overflow-wrap,word-wrap 相当于其别称。