请告诉我我做错了什么,无论我做什么,我似乎都无法在同一行中获得标签和单选、复选框图标

问题描述 投票:0回答:1
html css checkbox radio-button
1个回答
0
投票

虽然不太清楚“排队”的含义,但如果您指的是水平居中,那么您可能需要更改一些代码。

由于您没有提供足够的代码作为上下文,请注意以下代码基于问题中发布的代码片段。

如果您按如下方式更改无线电输入 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;
}

然后输出应呈现为:

© www.soinside.com 2019 - 2024. All rights reserved.