Question

我有问题，我想在左边对齐标签，在右边输入：我试过了：

<div class="form-group">
            <label class="control-label" for="" style="float: left;font-size: 20px;padding-right: 10px;">ID : </label>
            <input style="float:right" type="text" id="" name="" value="" placeholder="Id" class="form-control"  /> 
</div>

但不能正常使用此功能。请帮帮我!!!

Answer 1

请尝试以下操作： Demo

<div class="form-group">
    <label class="col-sm-2 control-label">ID</label>
    <div class="col-sm-10">
     <input type="text" id="" name="" value="" placeholder="Id" class="form-control"  /> 
    </div>

Answer 2

不需要CSS ......

<div class="form-group">
   <label class="control-label" for="test">ID : </label>
    <input type="text" name="test" id="test">
</div>

只需从输入中删除style="float: right;

Answer 3

在您的代码中，您必须使用text-align =“right”代替float：right。这是正确的代码：

 <div class="form-group">  
    <label class="control-label" for="" style="float: left;font-size: 20px;padding-right: 10px;">ID : </label>  
    <input style="text-align:right" type="text" id="" name="" value="" placeholder="Id" class="form-control"  /> 
</div>

Answer 4

我没有得到你提到的，但根据我的直觉暗示这个

<div class="form-group">
            <label class="control-label" for="demo" style="float: left;font-size: 20px;padding-right: 10px;">ID : </label>
            <input type="text" id="demo" name="" value="" placeholder="Id" class="form-control"  /> 
</div>

如果这不是您的要求，请您详细说明问题。

对齐右输入和左标签

4 个答案: