美文网首页
inline-blcok和float显示区别

inline-blcok和float显示区别

作者: 秃头成就技术 | 来源:发表于2018-08-18 11:30 被阅读6次

1.子元素设置float:left

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

显示这样是因为inline-block ,img等行内块元素识别空格和换行符所以有少许间距,可以用浮动清除

eg:

<img src=" "  alt=" ">

<img src=" "  alt=" ">     换行排列

相关文章

网友评论

      本文标题:inline-blcok和float显示区别

      本文链接:https://www.haomeiwen.com/subject/wbitiftx.html