首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在组o单选按钮之间添加空格

在组o单选按钮之间添加空格
EN

Stack Overflow用户
提问于 2009-11-04 17:58:35
回答 3查看 7.2K关注 0票数 0

我有一组单选按钮,现在我如何在一组单选按钮的选项之间添加空格。像这样

http://img692.imageshack.us/img692/3955/radiod.jpg

无论是使用css

EN

回答 3

Stack Overflow用户

发布于 2009-11-04 18:02:52

尝试将此代码放入样式表中:

代码语言:javascript
复制
input[type=radio] { margin-bottom: 15px }

当然,您可以将15px增加到任意大小。

票数 1
EN

Stack Overflow用户

发布于 2009-11-04 18:01:30

line-height可能是您的最佳选择

票数 0
EN

Stack Overflow用户

发布于 2009-11-04 18:23:45

代码语言:javascript
复制
<p class="radios">
    <label><input type="radio"> Foo</label>
    <label><input type="radio"> Bar</label>
</p>

.radios label {
    display: block;
    margin-bottom: 15px;
}

很简单,应该可以在所有浏览器中工作。对于所有表单元素,尤其是单选按钮和复选框,始终使用label,这样就可以单击文本和小按钮来选择选项。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1672762

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档