国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

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

2024-07-11 08:48:45
字體:
來源:轉載
供稿:網友

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

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阿尔山市| 彰武县| 囊谦县| 当雄县| 延寿县| 麻栗坡县| 工布江达县| 南城县| 朝阳市| 江西省| 泽库县| 西乡县| 宁武县| 正宁县| 汶川县| 呼和浩特市| 突泉县| 铁岭县| 潜山县| 鄢陵县| 灵武市| 岳阳市| 阿拉善右旗| 永春县| 黔西县| 新丰县| 巍山| 汉沽区| 临武县| 黎平县| 太谷县| 云阳县| 乃东县| 喜德县| 贵德县| 宜良县| 洛扎县| 杭州市| 涟水县| 崇左市| 盐亭县|