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

108
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
Не получается распечатать поле класса

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

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

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

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

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

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

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

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

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

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

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

125