因为span默认是行属性,而div默认是块属性,所以span是无法实现margin-top,margin-bottom,设置也会失效。
当然span也不根据长度自动换行。
解决办法:
1、把display设置为:inline-block
元素display属性的常见值说明:
block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。(只会实现换行,一个span一行)
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。
inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。
2、添加float: left;
可以实现自动换行,以及自适应高度