於是，嘗試去掉radio的外邊距，重新整理後顯示正常。（其實多選框checkbox也是有外邊距的，只是它的外邊距四個方向都有，並且相等，所以對於垂直對齊沒有影響。）下圖是一些常用表單元素的最終顯示效果以及最終**，大家可以用不同瀏覽器看一下實際的效果（注：由於演示使用的12px的中文實際只有11px高，而 ie下文字框等元素的高度是22px，乙個是奇數，乙個是偶數，所以這些部分在ie中是無論如何也對不齊的，差1px。如果手動控制文字框高度為奇數，或者將文字設定成為偶數的高度，則顯示正常）：
**測試文字x
測試文字x
文字文字
測試文字
測試文字
測試文字
而且我發現，不但解決了中文的問題，如果提示資訊換成其他語言，基本上也能夠對齊，至少不會像開始那樣偏移太多。下面是截圖、**和一些例子：
至此，我的研究過程告于段落。
但是，還是想不通各瀏覽器為什麼最後會顯示出這樣的效果，其中的原理是什麼。牛人們有空可以解釋一下嗎？
原文：
vertical align 樣式理解
文章參考 適用於 行內元素和單元格 table cell 元素 個人理解應用範圍 1 和 文字混排，使用vertical align屬性來定位 2 在table標籤中的td種使用vertical align屬性來定位 可以使用display table cell,注意該標籤父div一定是displa...
解析vertical align屬性
vertical align 該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是公升高。在表單元格中，這個屬性會設定單元格框中的單元格內容的對齊方式。即 1.只對行內元素起作用 若屬性中有display inline block 或float...
再次認識 vertical align
css中的基礎知識，上次在刷 segmentfault 遇見了乙個相關的問題有再次看過 vertical align 的描述。今天自己也遇見乙個類似的問題，再次深入學習一下。vertical align 用來指定行內元素 inline 或 單元格 table cell 元素的垂直對齊方式。無論當初起...