Css 垂直对齐我的输入
我试过在网上看到的东西,但都不管用,我不知道为什么 我的标签/输入的垂直对齐有问题: 代码如下:Css 垂直对齐我的输入,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,我试过在网上看到的东西,但都不管用,我不知道为什么 我的标签/输入的垂直对齐有问题: 代码如下: <!-- in <form> tag --> <fieldset> <legend style="font-family:'Helvetica Neue', sans-serif;">General info</legend> <div class="row form-group pagination-cente
<!-- in <form> tag -->
<fieldset>
<legend style="font-family:'Helvetica Neue', sans-serif;">General info</legend>
<div class="row form-group pagination-centered">
<div class="form-horizontal">
<div class="col-sm-3 col-md-3 col-lg-3">
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="col-sm-4 col-md-4 col-lg-4">
<label class="control-label pull-right">Platform :</label>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<label class="radio-inline"> <input type="radio" name="plat" id="plat1" value="plat1" checked> plat1 </label>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<label class="radio-inline"> <input type="radio" name="plat" id="plat2" value="plat2"> plat2 </label>
</div>
</div>
</div>
</div>
<div class="row form-group pagination-centered">
<div class="form-horizontal">
<div class="col-sm-3 col-md-3 col-lg-3">
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="col-sm-4 col-md-4 col-lg-4">
<label for="version" class="pull-right">Version :</label>
</div>
<div class="col-sm-8 col-md-8 col-lg-8">
<select id="version" name="version" class="form-control text-center">
</select>
</div>
</div>
</div>
</div>
<!-- more selects and more inputs -->
</fieldset>
<!-- more elements then end </form> -->
但是当我把这个放在css中时,什么都没有发生
我的错在哪里
谢谢各位。您能展示一张与当前行为相比的所需行为的图像吗?我不明白你的问题。试着使用
表单组
而不是我想要的2d pict。只需查看垂直对齐:/
label, input {
display: inline-block;
vertical-align: baseline;
width: 125px;
}
label {
color: #2D2D2D;
font-size: 15px;
}
form, input {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}