css文字對齊處理

表單頁面,爲了使表單元素和文字都垂直居中對齊,加個樣式input,select{vertical-align:middle},文本框和下拉框都沒問題,但是單選框和複選框就杯具了。 

大多表現:單選,複選和文字無間距,單選文字偏上,複選偏上。 


關於這些問題網上有人發表了看法,用table搞定一切。這個也是一種方法,哥也不BS。 
對於ie6,7下的文字間距問題,網上看到有人說設置width:14px就好了,我試了下發現width:13px更佳。這個問題解決。

對於文字偏上的問題,試了vertical-align下的所有屬性都不行。後來發現vertical-align是可以設置數值的,真是白混了這麼久。 
單選設置了vertical-align:-2px;複選設置vertical-align:-3px;就ok了。拿到ie6,7下測試,發現差了1px,使用了hack搞定。(ie6,7就是神奇)
詳細出處參考:http://www.jb51.net/css/76016.html
發佈了21 篇原創文章 · 獲贊 4 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章