inline-blcok和float显示区别
2018-08-18 本文已影响6人
秃头成就技术
1.子元素设置float:left

2.子元素设置display:inline-block(**有少许间距)

显示这样是因为inline-block ,img等行内块元素识别空格和换行符所以有少许间距,可以用浮动清除
eg:
<img src=" " alt=" ">
<img src=" " alt=" "> 换行排列
1.子元素设置float:left
2.子元素设置display:inline-block(**有少许间距)
eg:
<img src=" " alt=" ">
<img src=" " alt=" "> 换行排列