設為inline-block的標籤和input並排放置為何會錯位?
01-03
一個問題說明demo: JS Bin
html:css: 運行結果:
默認 baseline 對齊
然後,input 這種替換元素的 baseline 並沒有在元素底部。如圖:
更詳細可以看 http://w3help.org/zh-cn/causes/RD1016尼瑪幸虧恢復了,少讓偶敲好多字
baseline的問題,可以加上line-height調整一下文字位置來對齊
vertical-align: top或者bottom即可
這是垂直居中問題,這下應該可以了吧
&
&
&
&
&
&
&a&
&span&
&div&
&
&
又來此問題。看看我的這個回答吧: 行內元素中一個 display:none; overflow:hidden;導致的問題? - 前端開發
話說可以設置position:relative;top:-xx px;來解決了,今天又漲姿勢了,聽說有人@U2
推薦閱讀:
※如何快速開發一個漂亮的網站?包括前端的設計,css布局等
※前端設計建議多用 ul dt dl 等元素,少用 div 嗎?