Та же высота для строки в коробке - PullRequest
0 голосов
/ 15 ноября 2018

У меня есть свободное поле и содержимое в нем, но мне нужно сделать ту же высоту для строки в нем. Теперь поле одинаковой высоты, но мне нужно сделать одинаковую высоту для строки в окне. В приведенном ниже примере у меня есть синий ряд, то есть ряд, где мне нужно сделать для него одинаковую высоту и держать их на одной линии с одинаковой высотой.

.container {
  display:flex;
}

.box {
  background:red;
}

.row {
  background:blue;
}
<div class="container">
  <div class="box">
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore explicabo quam aut cum pariatur blanditiis possimus</p></div>
    <div class="row"><p>Lorem ipsum dolor sit amet</p></div>
  </div>
  <div class="box">
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore explicabo quam aut cum pariatur blanditiis possimus</p></div>
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque dolorem ut fuga impedit, obcaecati aut est inventore voluptatibus eligendi iusto dignissimos consequatur pariatur tenetur vero. Eum aspernatur ad porro a.</p></div>
  </div>
  <div class="box">
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt inventore, facilis error, tempore nisi optio quasi</div>
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p></div>
  </div>
</div>

1 Ответ

0 голосов
/ 15 ноября 2018

Прочитайте это http://www.lottejackson.com/learning/an-equal-height-grid-using-flexbox

Вам нужно сделать так, чтобы строки отображались: flex

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...