Выровнять блоки по нижнему краю

155
23 апреля 2021, 11:30

Есть три блока в контейнере: http://prntscr.com/oj34tx

Нужно их выровнять по нижнему краю контейнера, без использования position:absolute. Кто-нибудь знает как? Заранее спасибо!

Answer 1

Как обычно flex + flex-end

.items { 
  width: 100%; 
  height: 200px; 
  border: 1px solid; 
  display: flex; 
  align-items: flex-end; 
  justify-content: center; 
} 
 
.item1, 
.item2, 
.item3 { 
  width: 200px; 
} 
 
.item1 { 
  background: lightgreen; 
  height: 100px; 
} 
 
.item2 { 
  background: lightblue; 
  height: 130px; 
  margin: 0 20px; 
} 
 
.item3 { 
  background: tomato; 
  height: 150px; 
}
<div class="items"> 
  <div class="item1"></div> 
  <div class="item2"></div> 
  <div class="item3"></div> 
</div>

READ ALSO
Не получается распечатать поле класса

Не получается распечатать поле класса

Изучаю С++У меня есть такой код:

172
Вывести текст внутри скобок

Вывести текст внутри скобок

Вводится текст с клавиатуры, в тексте открываются скобки, внутри которых содержится другой текстНужно вывести этот другой текст через cout

188
Нетипизированный связной список

Нетипизированный связной список

Как бы я мог получить значение value из своей структуры Val?

169
Code blocks linux не компилируется алиас типа

Code blocks linux не компилируется алиас типа

Вопрос из разряда для начинающих, но учитывая что я под линуксом делаю свой первый проект - думаю это простительно

167