|
于是，嘗試去掉radio的外邊距，刷新后顯示正常。（其實(shí)多選框checkbox也是有外邊距的，只是它的外邊距四個(gè)方向都有，并且相等，所以對(duì)于垂直對(duì)齊沒有影響。）下圖是一些常用表單元素的最終顯示效果以及最終代碼，大家可以用不同瀏覽器看一下實(shí)際的效果（注：由于演示使用的12px的中文實(shí)際只有11px高，而 IE下文本框等元素的高度是22px，一個(gè)是奇數(shù)，一個(gè)是偶數(shù)，所以這些部分在IE中是無論如何也對(duì)不齊的，差1px。如果手動(dòng)控制文本框高度為奇數(shù)，或者將文字設(shè)置成為偶數(shù)的高度，則顯示正常）：
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
而且我發(fā)現(xiàn)，不但解決了中文的問題，如果提示信息換成其他語言，基本上也能夠?qū)R，至少不會(huì)像開始那樣偏移太多。下面是截圖、代碼和一些例子：
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
至此，我的研究過程告于段落。
但是，還是想不通各瀏覽器為什么最后會(huì)顯示出這樣的效果，其中的原理是什么。牛人們有空可以解釋一下嗎？
原文： http://www.hplus.org.cn/blog/2009/07/143
經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2941023-1-1.html
本文鏈接：http://m.95time.cn/tech/web/2009/6910.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) vertical-align表單元素垂直對(duì)齊 [3] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 4 頁(yè) vertical-align表單元素垂直對(duì)齊 [4]
