虽然不太清楚“排队”的含义,但如果您指的是水平居中,那么您可能需要更改一些代码。
由于您没有提供足够的代码作为上下文,请注意以下代码基于问题中发布的代码片段。
如果您按如下方式更改无线电输入 HTML:
<div class="form-check">
<label for"">1-2 hours</label>
<input
type="radio"
name="user-select"
value="onetwo"
class="one-to-two"
checked />
</div>
并将 CSS 更改为以下内容:
.form-check{
display:flex;
align-items:center;
justify-content:center;
margin:0.5rem auto;
}
label {
margin: 0.5rem;
}
input[type="radio"] {
margin:0.5rem;
display:flex;
flex-direction: row;
width:auto;
}