云上小悟
首页   关于   小悟志   栏目   标签   文章   归档   友链   联系

   云上小悟  +  

基本没用的word-wrap:break-word属性

网站建设 / by: 麦新杰 / 发布:2015年8月15日 / 91次阅读 / 暂无评论
标签:CSS教程   / 最后修改时间: 2015-12-18 17:47:58

网站建设 / 2015年8月15日 / 91次阅读 / 标签:CSS教程  


基本没用的word-wrap:break-word属性

CSS中的word-wrap:break-word属性是用来规定文字换行的策略。

word-wrap:break-word表示将打破为文字结束为换行依据的方式,比如一个很长的英文单词,设置这个属性可以让换行发生在这个英文单词中间某个位置。

例如:

 

以上代码的执行结果为:

word-wrap:break-word属性让换行发生在英文单词中间

word-wrap:break-word属性让换行发生在英文单词中间

这样的做法,我是不喜欢的,用户体验会很差。

而且,我的云上小悟是个中文为主的站,中文每个字的长度是固定的,所以,这个word-wrap:break-word属性对于中文也基本没有什么作用。

弃之不用,将代码中的这个属性全部去掉,观察页面完好无损,而且,还减小了页面的大小,何乐而不为呢!

 

将word-wrap:break-word这个属性弃之不用了之后,发现了个小问题,有些文章链接很长,而且中间没有-,造成页面的轻微混乱。因此,以后要注意,页面链接不易过长,要注意适当使用-。

本文固定链接:http://www.maixj.net/wangzhan/word-wrap-break-word-7538

“基本没用的word-wrap:break-word属性”正在等您

发表评论

电子邮件地址不会被公开。 必填项已用*标注


前一篇:
后一篇:

麦新杰的云上小悟独立博客网站文章内容,除非特别注明,全部都是原创,如需转载,请先阅读版权声明!原创文章更具个性,有些文字虽略显随意,但不影响个人思想表达。部分文章是我自己的笔记,为自己记录,总结和收藏,同时也分享给您!这是本博建设的出发点,希望您喜欢并得到您的支持!喝杯茶,慢慢阅读...

©Copyright 麦新杰 SINCE 2014 云上小悟独立博客版权所有  备案号:苏ICP备14045477号-1  

本站360安全检测  Valid CSS!