設為inline-block的標籤和input並排放置為何會錯位?

一個問題說明demo: JS Bin

html:

css:

運行結果:


默認 baseline 對齊

然後,input 這種替換元素的 baseline 並沒有在元素底部。

如圖:

更詳細可以看 http://w3help.org/zh-cn/causes/RD1016

尼瑪幸虧恢復了,少讓偶敲好多字


baseline的問題,可以加上line-height調整一下文字位置來對齊


vertical-align: top或者bottom即可


這是垂直居中問題,這下應該可以了吧

&
&
&
&