inline-block元素,在同一行上下显示

两个元素使用了inline-block,并列显示时,会上下显示,给人感觉不在同一行


原因:其中一个元素使用了overflow:hidden,导致了基线变更


解决:1.另一个元素也添加overflow:hidden(缺点:设置line-height不在起作用)
     2.在使用overflow的元素上使用vertical-align:middle属性

猜你喜欢

转载自www.cnblogs.com/victory820/p/8862710.html
今日推荐