@heIIfire

Откуда появляется отступ в Flexbox-е?

Откудо появляется отступ после переноса строки. Flex-wrap описано как wrap

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style>
	*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
}
.container{
	display: flex;
	width: 400px;
	height: 500px;
	background: #f60;
	flex-wrap: wrap;
}
.container__child{
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	background: #0aa;
}
	</style>
</head>
<body>
	<div class="container">
		<div class="container__child"></div>
		<div class="container__child"></div>
		<div class="container__child"></div>
		<div class="container__child"></div>
		<div class="container__child"></div>
	</div>
</body>
</html>
  • Вопрос задан
  • 505 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Haoss
html-верстальщик
align-content - stretch (значение по умолчанию): Ряды блоков растянуты, дабы занять все имеющееся пространство.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы