2017-01-21 3 views
0

selectpicker ...真ん中に垂直整列私は垂直真ん中に時間以来selectpicker試してみて、私は絶対にそれを得ることはありません

https://jsfiddle.net/zukii/wyg8po3p/

どうすれば垂直整列、それは?

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> 
+0

これはおそらく役立ちます。 http://stackoverflow.com/questions/10968726/how-to-verticaly-align-into-the-center-of-the-content-of-a-div-with-defined-widt –

答えて

0

だから、基本的vertical-alignは私が右

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

Here is Fiddle

+0

あなたの迅速な対応に感謝します。 )私は私のコードでこれを試しましたが、私はツールチップを持っているので動作しません..ここで完全なコードです:http://www.design-splash.de/middle/ – zukii

+0

@zukiiあなたは '特定のルールによってオーバーライドされているため、スタイルルールに「重要」と表示されます。私はあなたのウェブサイトでそれを試したそれは働いている。あなたが何を思いつくのか教えてください。 –

+0

ディスプレイ:フレックス; align-items:センター; – zukii

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

この質問を得た場合、私はここに下記のおCSSコードを修正するように要素をインラインに適用されます私のためにかなりうまく動作します..ありがとう4お元気ですか。日曜日

関連する問題