最近的工作中，有很多表單的制作，很多次都碰到復(fù)選框與文字對齊的問題，發(fā)現(xiàn)在不同的瀏覽器中，顯示各異，顯示效果如下
觀察發(fā)現(xiàn)，IE6、IE7 顯示效果基本相同，算是顯示比較正常的效果，IE8、safari 和火狐顯示效果基本相同，兩個(gè)文字都偏下，而opera稍偏下。在之前我的解決方法，都是通過文字外面套上另外的標(biāo)簽，等，通過調(diào)整input標(biāo)簽和label的html標(biāo)簽來對齊，大概方法即是讓input 和label 標(biāo)簽都左浮動，但前提一定是在寫頁面的時(shí)候，文字外面加了label 標(biāo)簽，這種方法應(yīng)為定義了大量的浮動，還需要清除浮動，才能保證下面頁面的正常顯示，或者有些人用相對定位等方法，如果文字外面沒有套label標(biāo)簽，更沒有其他標(biāo)簽?zāi)兀拷?jīng)過查找，發(fā)現(xiàn)其實(shí)還是有很簡單的方法就能解決問題
方法一：如果將font-family中的第一個(gè)字體設(shè)置為Tahoma，則可以實(shí)現(xiàn)對齊(Verdana等字體也可以)。次方法來源與 藍(lán)色理想 http://www.blueidea.com/tech/web/2009/6910_3.asp
如果文字外面有l(wèi)abel 標(biāo)簽，只要定義input，label {vertical-align:middle} 即可，
注意：因?yàn)閱芜x框或是復(fù)選框有外邊距，所以需要先去除掉他的外邊距。
方法二： 定義input 標(biāo)簽vertical-align 屬性，調(diào)整input 的上下邊距，來實(shí)現(xiàn)input和文字的水平對齊
.admin_more input{vertical-align: text-bottom; margin-bottom:2px; *margin-bottom:-2px;}
原文：
http://blog.csdn.net/lifen_zhang/article/details/5415768