基于vertical-align的表单元素垂直对齐方式研究

在人人網FED看到這篇文章，相當開 心
基于vertical-align 的表单元素垂直对齐方式研究

這問題也困擾我一段時間，
尤其在製作表單的時候，
單選框和複選框與文字的對齊非常難搞，
看完這邊文章後，我馬上修改了手邊 的CSS，
修改後相當滿意~

大致解決方案如下：

單選框和複選框的對齊方式和文字的算法不同，
所以利用方塊元素 label or span 來作為容器，
這 樣對齊的時候會以這兩樣同等的元素來宣染，
所以遇到單選框和複選框加文字的時候，
文字外一率加 上 label or span ，
並在CSS的設定上，
input, span, label { margin:0;padding:0; vertical-align:middle;}
這樣就能完美的顯示居中對齊的畫面。