如何使用html在同一行创建输入字段和图标[已关闭]

f3temu5u 于 2023-02-10 发布在其他

关注(0)|答案(1)|浏览(140)

- 已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic，但这个问题的解决方式不太可能帮助未来的读者。
2天前关闭。
Improve this question

<div class="form-group row">
    <div class="col-sm-5">
       <input type="text" placeholder="Enter product" class="form-control margin-bottom" name="rfid">
       <i class="fa fa-trash-o" style="font-size:36px;color:red"></i>
    </div>
</div>

我试过这个，但是输入字段和垃圾桶图标不显示在同一行。

Html

来源：https://stackoverflow.com/questions/75370937/how-to-create-input-field-and-icons-in-same-line-using-html

1条答案

按热度按时间

ny6fqffe1#

你把它们放在同一个div中，你应该把display应用到flex，把flex-direction应用到row（你可以省略这个，因为它默认为row），这样就可以了。

div {
  display: flex;
}

<div>
  <p>Item one</p>
  <a>Item two</a>
</div>

也可以像this那样使用display: inline-block

赞(0）回复(0）举报 2023-02-10

我来回答

如何使用html在同一行创建输入字段和图标[已关闭]

1条答案

相关问题

热门标签

最新问答