inline-block元素,在同一行上下显示
两个元素使用了inline-block,并列显示时,会上下显示,给人感觉不在同一行
原因:其中一个元素使用了overflow:hidden,导致了基线变更
解决:1.另一个元素也添加overflow:hidden(缺点:设置line-height不在起作用)
2.在使用overflow的元素上使用vertical-align:middle属性
两个元素使用了inline-block,并列显示时,会上下显示,给人感觉不在同一行
原因:其中一个元素使用了overflow:hidden,导致了基线变更
解决:1.另一个元素也添加overflow:hidden(缺点:设置line-height不在起作用)
2.在使用overflow的元素上使用vertical-align:middle属性