咨询电话:
15628812133
21
2017/04

英文字母不自动换行怎么解决

发布时间:2017-04-21 17:50:32
发布者:369563174
浏览量:
0

我们在写章丘宣传部办公系统的时候遇到了一个问题,英文字母在规定了宽度的div里面不自动换行,那么这个问题是怎么解决的呢。这就用到了文本自动换行的属性:

word-wrap:break-word

没有这个属性的效果:

(%$S[W0O9W6Q25(`3B{Y3~X.png

加上这个属性的效果:

%[CHF~($~{K303N8)O{G(PE.png

break-word:内容将在边界内换行,必要时触发word-break(注意请分辨清楚word-break和break-word两个是不同的东西,一个为属性,一个为参数);

word-wrap是控制是否”为词断行”的,设置或检索当前行超过指定容器时是否断开转行。中文没有任何问题,语句也没有问题,但是对于长串的英文,就不起作用。

大家赶紧去测试一下吧!

关键词:
返回列表