我们在写章丘宣传部办公系统的时候遇到了一个问题,英文字母在规定了宽度的div里面不自动换行,那么这个问题是怎么解决的呢。这就用到了文本自动换行的属性:
word-wrap:break-word
没有这个属性的效果:
加上这个属性的效果:
break-word:内容将在边界内换行,必要时触发word-break(注意请分辨清楚word-break和break-word两个是不同的东西,一个为属性,一个为参数);
word-wrap是控制是否”为词断行”的,设置或检索当前行超过指定容器时是否断开转行。中文没有任何问题,语句也没有问题,但是对于长串的英文,就不起作用。
大家赶紧去测试一下吧!
上一篇: 手机端页面如何固定图片的大小
关键词: