html - 在一行中对齐复选框

标签 html css

我目前正在为学校开展一个元素,该元素询问用户他们最喜欢哪种 VR 设备,我试图将按钮居中以便它们对齐,但我不知道该怎么做,我我在 stackoverflow、google、youtube 上经历了很多事情,但没有任何方法可以使复选框向下连续 这是 HTML 的样子“http://i.imgur.com/0bob3tC.png” 这是 CSS 的样子“http://i.imgur.com/P1bFexS.png

最佳答案

我想这就是您要找的(您可以使用自己的 CSS):

Pick One Below
<form action="">
  <input type="radio" class="choose" value="male">Oculus Rift<br>
  <input type="radio" class="choose" value="female">HTC Vibe<br>
  <input type="radio" class="choose" value="other">Gear VR
</form>

https://jsfiddle.net/pratikhegde/h8dxo9ok/

关于html - 在一行中对齐复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39532314/

相关文章:

JavaScript 放置问题

html - 在另一个中心 div

css - Bootstrap 齐平到页脚无法正常工作

jquery - anchor 偏移不起作用

html - 居中图片,但将其保持在左侧 CSS

html - 将鼠标悬停在另一个 div 上时通过过渡更改 div 图像(仅限 CSS)

html - 如何以编程方式在 ColdFusion 中包含页眉和页脚文件?

html - 连续三个 div CSS

javascript - 寻找一种更好的方式来显示/隐藏元素

html - 将 HTML 放在正确的位置