Question

我尝试从几个小时到垂直中间选择选择器，我绝对不会得到它......

我怎样才能将它垂直对齐到中间？

HTML

<h4 class="green">I am a Headline...</h4>
  <div class="border-left">
    <div class="mos-form-group">
      <div class="col_half">
        <label>Scelerisque ultricies elementum placerat sociis massa cras natoque dignissim dapibus lundium vel, eu arcu porttitor, adipiscing. In cursus. Natoque nunc et, elementum mattis etiam ac! Massa in natoque est scelerisque aliquet massa, sagittis diam? Proin? Urna? Sed urna! Cum elit, augue habitasse? Mauris et ut dignissim integer a! Nisi urna?</label>
      </div>
      <div class="input col_half col_last">
        <select class="selectpicker" name="bkv_q1">
          <option>Nein</option>
          <option>Ja</option>
        </select><span class="input-group-addon ttbtn active"></span>
      </div>
</div>

Answer 1

所以基本上vertical-align适用于内联元素，以便我在下面修改你的css代码如果我的问题是正确的

.mos-form-group > * {
    display: inline-block;
    vertical-align: middle;
    float: initial;
    margin-right: initial;
}

Here is Fiddle

Answer 2

display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;

这对我来说非常好..感谢4你的帮助伙伴..周日愉快

垂直对齐选择选择器

2 个答案: