av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

html - CSS label 間距

瀏覽:125日期:2023-06-30 15:50:59

問題描述

我做了一個radio select,選擇器。效果圖

html - CSS label 間距

radio中間的間距不知道是哪來的, 如果消除間距?代碼如下:html

<p class='radio-toolbar'> <input type='radio' name='radios' value='all' checked> <label for='radio1'>從不</label> <input type='radio' name='radios'value='false'> <label for='radio2'>有時</label> <input type='radio' name='radios' value='true'> <label for='radio3'>經常</label></p>

css

<style>.radio-toolbar input[type='radio'] { display:none;}.radio-toolbar>label { display:inline-block; background-color:#ddd; padding:4px ; font-family:Arial; font-size:16px;}.radio-toolbar label:first-of-type{ border-radius: 12px 0 0 12px;}.radio-toolbar label:last-of-type{ border-radius: 0 12px 12px 0;}.radio-toolbar input[type='radio']:checked + label { background-color:#bbb;} </style>

已經采納長空的答案,其余答案也是對的,最終解決方案如下

.radio-toolbar{ font-size: 0;}

問題解答

回答1:

inline-block的換行符啦,我一般是設置font-size:0來解決。詳細的點這

回答2:

<p class='radio-toolbar'><input type='radio' name='radios' value='all' checked><label for='radio1'>從不</label><input type='radio' name='radios'value='false'><label for='radio2'>有時</label><input type='radio' name='radios' value='true'><label for='radio3'>經常</label> </p>

把代碼都寫在一起 不要有空格 就沒有間隙了

回答3:

.radio-toolbar>label 加個float: left; 父元素高度為0,你再清除浮動overflow: hidden;

標簽: HTML
相關文章:
主站蜘蛛池模板: 蜜桃视频成人 | 午夜精品一区 | 午夜免费影视 | 久久精品久久久久久 | www.99re | 99热视 | 欧美日韩一区在线 | 日韩精品久久一区 | 在线观看 亚洲 | 久久在线 | 久久夜夜 | 久久久久久久久久久久久九 | 日本在线观看网址 | 中文字幕国产精品 | 久久精品国产一区二区三区 | 亚洲成人蜜桃 | 第一福利社区1024 | 免费看一区二区三区 | 国产重口老太伦 | 黄色毛片大全 | 99视频免费在线 | 黄色一级电影在线观看 | 天天综合日日夜夜 | 琪琪午夜伦伦电影福利片 | 久草热视频 | 精品欧美色视频网站在线观看 | 亚洲网站在线观看 | 欧美成人精品在线 | 久久99国产精一区二区三区 | 美人の美乳で授乳プレイ | 亚洲成人国产综合 | 日韩在线看片 | 日韩性在线| 人人草人人干 | 91精品国产91久久综合桃花 | 国产精品不卡一区 | 午夜久久久 | 激情久久久久 | 久久精品成人热国产成 | 夜夜夜夜夜夜曰天天天 | 国产午夜精品一区二区三区四区 |