一、问题描述
当我们将几个元素设置为inline-block的时候，元素的底部会无故出现几个像素的空白。
复制代码
二、解决方案
inline-block默认以底部为准对齐，使用vertical-align:top;将以顶部为准对齐，可以消除底部空白。
.child{ vertical-align:top;}复制代码 本文共 233 字，大约阅读时间需要 1 分钟。
当我们将几个元素设置为inline-block的时候，元素的底部会无故出现几个像素的空白。
复制代码
inline-block默认以底部为准对齐，使用vertical-align:top;将以顶部为准对齐，可以消除底部空白。
.child{ vertical-align:top;}复制代码 转载于:https://juejin.im/post/5c8bab665188252a5e0a3c4a