相信很多朋友在设置span里面的内容有背景的时候会遇到如下问题:
1、设为display:block可以解决有背景,但换行,因block属性原因,必会换行
2、不用display:block背景便不会全部显示出来
3、float:left也不好用
4、有的只好用定位,较麻烦
解决办法:
把display设置为:inline-block
元素display属性的常见值说明:
block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。
inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。
1、设为display:block可以解决有背景,但换行,因block属性原因,必会换行
2、不用display:block背景便不会全部显示出来
3、float:left也不好用
4、有的只好用定位,较麻烦
解决办法:
把display设置为:inline-block
元素display属性的常见值说明:
block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。
inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。