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

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


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


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

posted on 2018-04-17 11:39  daV_chen  阅读(227)  评论(0编辑  收藏  举报

导航