span 换行/不换行-解决

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


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

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

3、float:left也不好用

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

解决办法：

把display设置为：inline-block

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

block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。
inline：内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。
inline-block：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
non：隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间。