码迷,mamicode.com
首页 > 其他好文 > 详细

解决浏览器显示长数字不能自动换行或长字母不能换行的问题

时间:2014-09-30 18:27:29      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   strong   sp   2014   问题   c   on   

首先看一下是什么问题:

例如:

11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd

是不是把博客园的布局都给毁了??

 

然后分析一下这个问题的原因:

个人认为长数字和长字母被认为是一个单词,安道理,一个单词是不应该被分割的,要一直显示下去,被分割后就没人认识了,所以浏览器就不给你换行,照成布局被毁坏!

 然后我就在博客园的闪存那里试了下会不会出现这个问题,发现谷歌浏览器正常

bubuko.com,布布扣

看了下代码,是 word-wrap: break-word; 这句话起的作用,这句话的意思就是 内容将在边界内换行

去掉后就会变成这样

bubuko.com,布布扣

看来我们的问题已经解决了,但是ie浏览器就没有这么好了,请看下图:

bubuko.com,布布扣

没有变化,只是一大长条的数字,没有换行!

解决的方法是:在那一条长数字的外面加一个<p>标签就好了

请看解决后的ie的样子:

bubuko.com,布布扣

谷歌浏览器的样子:

bubuko.com,布布扣

完美解决!

解决浏览器显示长数字不能自动换行或长字母不能换行的问题

标签:style   blog   http   strong   sp   2014   问题   c   on   

原文地址:http://www.cnblogs.com/liuhongxi/p/4002136.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!