为了账号安全,请及时绑定邮箱和手机立即绑定

inline-block div下移

inline-block div下移

互换的青春 2019-05-25 16:38:39
预览礼盒.birth2017-part1>div{height:1510px;padding-top:104px;}.birth2017-part1.part1-p4{margin-top:40px;}.birth2017-part1.part1-p4.part1-p4-ul1{background:gold;width:100%;text-align:center;}.birth2017-part1.part1-p4.part1-p4-ul1.part1-p4-gift{background:red;display:inline-block;width:290px;height:370px;}请问,第一个div为什么会下移呢?
查看完整描述

2 回答

?
动漫人物

TA贡献1815条经验 获得超10个赞

这现象是inline-block元素的vertical-align造成的,vertical-align默认是baseline。所以如果要你代码中的方块对齐,要么所有.part1-p4-gift元素设置vertical-align:middle,要么所有.part1-p4-gift元素内都加上文本。
                            
查看完整回答
反对 回复 2019-05-25
  • 2 回答
  • 0 关注
  • 682 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信