inline-blcok和float显示区别

1.子元素设置float：left



2.子元素设置display：inline-block（**有少许间距）




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

eg：

<img src=" "  alt=" ">

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,879评论 1赞 45
  • Css 布局 -
    1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在...
    YjWorld阅读 4,598评论 5赞 15
  • 网站关键词应该怎么布局，你真的全部做好了吗？
    7月4日晚上，分享课是刘静波老师和方彪为我们分享的《您真的了解您的网站吗？》以及《营销型内页制作让询盘转化率提升5...
    稚柚_3244阅读 460评论 0赞 0
  • Appium安装加固后的apk无法启动
    0x00 今天用Appium执行UI自动化用例的时候，发现安装蜗牛读书的包之后apk无法启动，启动即挂掉，查log...
    隋胖胖LoveFat阅读 2,709评论 1赞 3