span 换行/不换行-解决

相信很多朋友在设置span里面的内容有背景的时候会遇到如下问题： 


1、设为display:block可以解决有背景，但换行，因block属性原因，必会换行 

2、不用display:block背景便不会全部显示出来 

3、float:left也不好用 

4、有的只好用定位，较麻烦 

解决办法： 

把display设置为：inline-block 

元素display属性的常见值说明： 

block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。 
inline：内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。 
inline-block：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。 

non：隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间。

转载链接：http://dawn-sky.iteye.com/blog/1550393