@IIIaTaTeJIb
WEB-программист

Как сделать так чтобы блоки всегда был посередине?

Хочу объяснить свою проблему на простом примере:
5d21f66718bbb373176994.png

Нужно сделать так, чтобы блоки с текстом Yeah были всегда посередине, вне зависимости от правого блока Nothing, но всё-равно чтобы от него отходили.

Вот CSS код:
/*макет*/
div{
	height: 100%; 
	width: 100%;
}
/*блоки*/
#div, #div2{
	float: left;
	border: 3px solid black;
	width: 30%;
	margin: 0.3%;
}
/*левый блок*/
#div{
	font-size: 150%;
}
/*блоки что должны быть посередине*/
#div2{
	float: right;
}


html:
<!--Создание главного макета-->
<div align="center">
	<!--Создание левого блока-->
	<div id="div">
		Nothing 
	</div>
	<!--Создание правого блока-->
	<div id="div2">
		Nothing
	</div>
	<!--Создание блоков которые должны быть посередине-->
	<div id="div2">
		Yeah
	</div>

	<div id="div2">
		Yeah
	</div>
</div>
  • Вопрос задан
  • 40 просмотров
Решения вопроса 1
ivan_zhuck
@ivan_zhuck
Используйте display: flex; и будет вам счастье.

Вот детальный мануал с примерами: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
22 июл. 2019, в 18:33
200 руб./за проект
22 июл. 2019, в 18:28
10000 руб./за проект