您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

display的inline-block问题详解

时间:06-15来源:作者:点击数:

比如说有两个div,设置为inline-block。然后分别给二者设置宽高度。当div内有内容、无内容、一个又一个没有,那么对齐的形式就非常乱甚至怪异。

inline-block的本身是采用baseline对齐。

此处对两个块中都有内容,且大小不一进行解释:如果大小不一致,以占据空间最大的内容下划线处对齐。

所以在同一行内有不同高度内容的元素时,通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门