欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

表單元素與提示文字無(wú)法對(duì)齊的問(wèn)題

  發(fā)布時(shí)間:2009-07-27 21:44:01   作者:佚名   我要評(píng)論
在很多網(wǎng)站涉及到表單的頁(yè)面中,都存在這種表單元素與提示文字無(wú)法對(duì)齊的問(wèn)題。于是打算研究一下這個(gè)問(wèn)題。

于是,嘗試去掉radio的外邊距,刷新后顯示正常。(其實(shí)多選框checkbox也是有外邊距的,只是它的外邊距四個(gè)方向都有,并且相等,所以對(duì)于垂直對(duì)齊沒(méi)有影響。)下圖是一些常用表單元素的最終顯示效果以及最終代碼,大家可以用不同瀏覽器看一下實(shí)際的效果(注:由于演示使用的12px的中文實(shí)際只有11px高,而 IE下文本框等元素的高度是22px,一個(gè)是奇數(shù),一個(gè)是偶數(shù),所以這些部分在IE中是無(wú)論如何也對(duì)不齊的,差1px。如果手動(dòng)控制文本框高度為奇數(shù),或者將文字設(shè)置成為偶數(shù)的高度,則顯示正常):



提示:您可以先修改部分代碼再運(yùn)行

而且我發(fā)現(xiàn),不但解決了中文的問(wèn)題,如果提示信息換成其他語(yǔ)言,基本上也能夠?qū)R,至少不會(huì)像開(kāi)始那樣偏移太多。下面是截圖、代碼和一些例子:



提示:您可以先修改部分代碼再運(yùn)行

至此,我的研究過(guò)程告于段落。但是,還是想不通各瀏覽器為什么最后會(huì)顯示出這樣的效果,其中的原理是什么。牛人們有空可以解釋一下嗎?

相關(guān)文章

最新評(píng)論