Question

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

Answer 1

我认为这就是你要找的东西（你可以使用自己的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/

Answer 2

在复选框周围添加div元素。给这个div一个类，并将以下css添加到该类：text-align: left; float: left;。我不确定浮动是否必要，但只是尝试一下。

见这里：https://jsfiddle.net/6x0r5nqf/2/

对齐复选框连续

2 个答案: