相关疑难解决方法(0)

我在样式表中定义了div的高度:

.topbar{
  width:100%;
  height:70px;
  background-color:#475;
}

但是只要将文本输入div,div就会改变高度.

有任何想法吗？

我正在使用Bootstrap 4 alpha 6,并尝试使用flexbox垂直居中等高卡的内容.我已经使用了h-100util类来使卡与列完全一致.

问题是我希望每张卡的内容在中间对齐(垂直居中).我尝试使用.align-items-center行中的类,它可以使卡片居中,但随后卡片的高度不再相等......

HTML

<div class="container">
    <div class="row align-items-center bg-faded">
        <div class="col-md-2">
            <div class="card card-block h-100">
                I have a lot of content that wraps on multiple lines..
            </div>
        </div>
        <div class="col-md-6">
            <div class="card card-block h-100">
               I have a line of content.<br>
               And another line here..
            </div>
        </div>
        <div class="col-md-4">
            <div class="card card-block h-100">
                I have a little bit.
            </div>
        </div>
    </div>
</div>

演示问题