セグメント内の垂直方向に整列されたコンテンツ（セマンティックUI）

Question

セグメントクラスdiv内にコンテンツを垂直方向にセンタリングする方法はありますか？ 伸ばし行クラスのおかげで、すべての3つの列が同じ高さを持って、今

<div class="stretched row"> 
    <div class="two wide column"> 
    <div class="ui basic segment"> 
     <select> 
     <!-- OPTION VALUES IN HERE --> 
     </select> 
    </div> 
    </div> 
    <div class="column"> 
    <div class="ui basic segment> 
    <!-- DIV CONTENT --> 
    </div> 
    </div> 
    <div class="column"> 
    <div class="ui basic segment"> 
     <!-- DIV CONTENT --> 
    </div> 
    </div> 

ので、このように見て、それらの内側セグメントのdivを実行します：私は、次のマークアップを持っている

私は、3つのセグメント内のコンテンツが、それらの内部に垂直に中央に配置されていることを希望します。代わりに、常にトップに表示されます。私はclass = "ui middle aligned basic segment"を追加しようとしましたが、うまくいきません。 class = "middle aligned columns"を親列に追加すると、その列の中のセグメントが中央に配置されますが、境界線と色付きの背景があるため、独自の高さを有する）。

セグメントの高さが分からず、その内容が1行（選択）から複数行のテキスト（2行から7行まで）によって異なるため、セグメントにパディングを追加しないようにしたいユーザが何を選択するか）。

ありがとうございます！

Answer 1

@VXpが示唆しているように、{display: flex; align-items: center}をセグメントクラスに適用すると、完全に機能しました。