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
相關文章:
主站蜘蛛池模板: 99pao成人国产永久免费视频 | 亚洲视频一区 | 婷婷丁香在线视频 | aaa在线观看 | 日本成人毛片 | tube国产 | 午夜a√ | 国产精品精品久久久 | 五月免费视频 | 欧美在线免费 | 日韩一区二区在线播放 | 亚洲一区二区av在线 | av一区二区三区四区 | 日韩欧美亚洲 | www成年人视频 | 国产精品一区二区av | 亚洲精品99999| 亚洲欧美一区在线 | 欧美高清性xxxxhd | 国产日韩久久久久69影院 | 日本成人免费网站 | 久久精品| 午夜精品一区二区三区在线视频 | 久久久久久久久久久久久9999 | 国产一区二区不卡 | 国产精品亚洲片在线播放 | 一区二区三区精品视频 | 日韩中文字幕第一页 | 久久精品这里 | 91久久国产综合久久 | 天天操人人干 | 国产东北一级毛片 | 国产一区二区视频在线观看 | 亚洲 中文 欧美 日韩 在线观看 | 毛片免费看 | 欧美综合一区二区 | 日韩综合在线视频 | 中文字幕av在线 | 99reav| 久草久| 国产高清在线 |