Javascript 将表单中的项目居中对齐

我是新手。我实际上想做一个标记，看起来

所以我试着用下面的方法

 <div className="row">
    <div className="col-xs-4">
      <div className="has-feedback">
        <label className="control-label">Search Job</label>
          <input type="text" className="form-control" id="inputValidation" placeholder="Search"/>
               <span className="glyphicon glyphicon-search form-control-feedback"></span>
         </div>
      </div>
</div>

求职

现在，在这里， 我得到的是

---

有人能帮我吗？

您可以使用float属性

.control-label,.form-control{
        float:left;
    }

它将为您放置左侧的元素。所以标签在第一位，输入在右边

您也可以使用flex

搜寻

请使用“类”而不是“类名”，您可以使用引导文档中已有的“向左拉”类。 您可以使用下面的链接作为参考

---

以下是完整的代码：）

形式
美国广播公司{
填充：10px；
显示：内联块；
背景：浅灰色；
}
.mi控制{
宽度：75%；
高度：35px；
左侧填充：10px；
}
.mi图标{
位置：绝对位置；
右：30px；
顶部：20px；
}
求职

---

如前所述，最好的方法是使用

上的flex属性。其反馈如下所示：

.has-feedback{
  display: flex;
}

默认情况下，这将水平对齐其子对象

您还可以
浮动
的子对象。该子对象具有左右反馈

但是，如果您选择浮动子对象，请准备清除
。has feedback
，以便它可以计算其子对象周围的高度。你可以在这里找到一个例子：这是引导，对吗？如果是，只需阅读this:或this:Add:对您的应用程序有反馈{display:flex；}CSS@Gerard这是一个react代码，所以类名是correct@TemaniAfif干杯注释修改器假设您正在使用引导，您可以在表单上使用
forminline
类。
.has-feedback{
  display: flex;
}