做网页的时候经常会遇到文本的显示,正常字符的换行是比较合理的,但是总会遇到连续的数字和英文,把原有容器撑大出现滚动轴,影响界面美观。
以下是基于css属性的解决办法:
- word-wrap
- work-break
word-wrap: break-word;允许长单词换行到下一行.
work-break:break-all;规定自动换行的处理方法,允许在单词内换行
效果及区别如下:
- white-space :nowrap 规定段落中的文本 不换行,文本会在同一行上继续,直到遇到 换行标签 为止,常用样式显示是文本溢出显示省略号,上个章节已经写到!