首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >您如何与其他孩子一起使用图例来设计字段集?

您如何与其他孩子一起使用图例来设计字段集?
EN

Stack Overflow用户
提问于 2015-11-17 00:38:17
回答 3查看 2.1K关注 0票数 3

有人能告诉我如何在下面的字段设置样式,以便传奇和无线电按钮都在一条线上吗?

代码语言:javascript
运行
复制
<fieldset>
   <legend>Are you from planet earth?</legend>
   <label><input type="radio" name="answer"/>Yes</label>
   <label><input type="radio" name="answer"/>No</label>
</fieldset>
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-11-17 00:54:17

CSS:

代码语言:javascript
运行
复制
legend {
    float: left;
}
票数 4
EN

Stack Overflow用户

发布于 2015-11-17 00:44:12

这会管用的。把它们放左边。也许是个更好的方法,但效果很好。

代码语言:javascript
运行
复制
<fieldset>
   <legend style='float:left'>Are you from planet earth?</legend>
   <label style='float:left'><input type="radio" name="answer"/>Yes</label>
   <label style='float:left'><input type="radio" name="answer"/>No</label>
</fieldset>
票数 0
EN

Stack Overflow用户

发布于 2020-06-04 22:15:45

答案有点陈腐。float: left;将工作,但可能会导致其他布局问题,并需要清除后续容器上的浮点。

目前,flexbox或CSS布局都有很好的现代浏览器支持。

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

https://stackoverflow.com/questions/33747229

复制
相关文章

相似问题

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