码迷,mamicode.com
首页 > Web开发 > 详细

html span标签 不换行(有时span带中文时候是可以自动换行的)

时间:2015-07-02 17:15:47      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

<span>你好111111111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>

 

不换行!

 

加上样式:

style="display:inline-block;width:60%;word-wrap:break-word;white-space:normal;"

 

是因为 span 不是块状元素。本身自带有 左浮动的效果,并且连续的英文字母跟数字是没办法 自动换行的 必须要 强制换行。 但是光用word-wrap:break-word; 是不行的。所以 必须要在限制了 宽度的情况下 还要增加 white-space:normal

 

以上解决!

html span标签 不换行(有时span带中文时候是可以自动换行的)

标签:

原文地址:http://www.cnblogs.com/gmq-sh/p/4616457.html

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