将无线电输入设置在css中的同一行和下面的标签中

2guxujil  于 2023-03-14  发布在  其他
关注(0)|答案(2)|浏览(105)

我把标签放在输入的旁边,而不是下面。我尝试的是:

O O O O
1 2 3 4

这是我用scss和angular编写的代码。没有从typescript添加样式,只有数字。
x一个一个一个一个x一个一个二个x
正如我所读到的,this could be the problem,因为为每个[input/label]项创建了一个span元素,但无法理解。

s3fp2yjn

s3fp2yjn1#

.page_selector{
  display:flex;
}
.ps_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2rem;
}
xxhby3vn

xxhby3vn2#

.Sectiondiv {
    display: flex;
}
.Sectiondiv label {
    display: block;
    text-align: center;
}
<div class="Sectiondiv">
  <div>
    <input type="radio" id="html" name="fav_language" value="1">
    <label for="html">1</label>
  </div>
  <div>
    <input type="radio" id="css" name="fav_language" value="2">
    <label for="css">2</label>
  </div>
  <div>
    <input type="radio" id="javascript" name="fav_language" value="3">
    <label for="javascript">3</label>
  </div>
</div>

试试这个。

相关问题