最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

表單元素radio select對齊與IE6下雙邊距問題解決方案

  發(fā)布時間:2012-12-07 09:57:56   作者:佚名   我要評論
之前一直困擾自己的一個問題就是表單內(nèi)radio、select等的對齊問題,搞得自己相當(dāng)惱.今天終于花了些時間找到了好的解決方法.也希望能夠幫到跟我同樣聞form色變的人

之前一直困擾自己的一個問題就是表單內(nèi)radio、select等的對齊問題,一直以來,都是給提示添加label,然后跟radio等一起浮動,然后再設(shè)置margin解決的,但是這樣又得另外解決IE6下的雙邊距問題,搞得自己相當(dāng)惱。今天終于花了些時間找到了好的解決方法。在此羅列羅列,也希望能夠幫到跟我同樣聞form色變的人。

先上解決方法吧:
提示文字須添加label標(biāo)簽,然后樣式表里定義input,select,label{vertical-align:middle;}
eg.<label for=”bike”>自行車:</label><input type=”checkbox” name=”Bike” id=”bike”> //label加for純屬個人習(xí)慣
其實這里,未必要用label標(biāo)簽,只要是行內(nèi)元素都可以,不過想加上“for”的話,就非它不可了。
最終效果:

發(fā)現(xiàn)網(wǎng)上有很多人說,并且正在看的你也有可能會說:為什么我HTML里這樣寫<p>自行車:<input type=”checkbox” name=”Bike” id=”bike”></p>,并且給input添加了屬性vertical-align:middle;卻無效呢?我想告訴你,還是仔細(xì)看相關(guān)使用文檔的好。

vertical-align的定義是這樣的:該屬性定義行內(nèi)元素的基線相對于該元素所在行的基線的垂直對齊。
所以,只要你給“自行車”添加行內(nèi)標(biāo)簽,就可以解決這個問題了。

相關(guān)文章

最新評論

鞍山市| 肥乡县| 汉川市| 罗城| 新龙县| 黎平县| 崇仁县| 明光市| 湟源县| 曲沃县| 海南省| 清河县| 恩施市| 天峻县| 宁河县| 沙洋县| 腾冲县| 昭平县| 福州市| 若尔盖县| 礼泉县| 望江县| 肇东市| 呼图壁县| 金平| 仪陇县| 象山县| 汕头市| 高平市| 彰化县| 昌图县| 彝良县| 白山市| 漳浦县| 聂拉木县| 台中市| 犍为县| 五大连池市| 当涂县| 灌阳县| 新巴尔虎右旗|