浮动与display:inline-block

显示方式

inline-block(上) 与 float(下)

inline-block 默认为行内块级元素，所以之间会有缝隙。

对齐方式

inline-block(上) 与 float(下)

inline-block 没有脱离文档流，所以和正常的文档流一样采取底端对齐的方式
float 元素脱离了普通文档流的限制，只考虑某个方向的浮动。

display:inline-block可以通过一个: vertical-align 来控制两个元素的对齐方式

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

推荐阅读更多精彩内容