Аналог justify content : space beetwen для вертикали?

497
01 декабря 2017, 03:52

Вот при justify content space beetwen все элементы гармонично занимают всю ширину, а есть ли тут что то похожее только по вертикали дабы занимали всю высоту

Answer 1

Есть, называется align-content и работает только если включен flex-wrap: wrap;

Answer 2

align-content: space-between;. Работает только если включен многострочный режим.

.parent { 
  background: pink; 
  display: flex; 
  flex-flow: row wrap; 
  width: 100px; 
  height: 100px; 
  align-content: space-between; 
} 
 
.clildren { 
  flex: 0 1 100%; 
  color: white; 
} 
 
.a { 
  background: red; 
} 
 
.b { 
  background: blue; 
} 
 
.c { 
  background: green; 
}
<div class="parent"> 
  <div class="clildren a">A</div> 
  <div class="clildren b">B</div> 
  <div class="clildren c">C</div> 
</div>

READ ALSO
Как сделать такой border?

Как сделать такой border?

Подскажите как реализовать такую рамку, чтобы оставался пробел под заголовком

342
Как добавить к слайдеру Bootstrap 4 кнопки для переключения?

Как добавить к слайдеру Bootstrap 4 кнопки для переключения?

Вопрос заключается в следующем: я убираю индикаторы в слайдер, делаю слайдер статичнымИ нужно, чтобы переключение слайдера осуществлялось...

333
Плавная прорисовка svg?

Плавная прорисовка svg?

Хочу сделать плавную прорисовку svg при загрузке страницы, но проблема в том, что круги разные (на скриншотах показано, что нужна разная длина...

340
VisualStudio 2015 не видит провайдер mySQL

VisualStudio 2015 не видит провайдер mySQL

Пытаюсь подключиться к MySQLУстановил пакеты MySQL

320