1,0×
00:00/09:42
Вступление и краткий анонс
Описание
10 способов выровнять элемент по центру на HTML и CSS
2 года назад • 1,1K просмотров25 поставили "Нравится"
В это уроке я покажу вам 10 способов выровнять элемент по центру на HTML и CSS. Мы рассмотрим выравнивание как по горизонтали так и по вертикали. Рассмотрим методы с помощью позиционирования, flexbox, grid и margin. Этих способов будет более чем достаточно, чтобы справиться с выравниванием элементов в любой ситуации. Код можно скачать ниже, а так же по ссылке посмотреть как выравнивается картинка по центру.Код из урока на GitHub: youtu.be/bfJQDEXzoT0 (в описании этого видео)
Как выровнять картинку по центр: youtu.be/nFaBNwKGqC0 (для строчного тега img)
Курс "Frontend разработчик на HTML, CSS и JavaScript": stepik.org/a/113402
Курс "Тренажер по вёрстке, плагин Emmet": stepik.org/113654
00:00 Вступление и краткий анонс
00:20 Курс Frontend разработчик
00:45 Первый способ: position
03:30 Второй способ: position + margin
04:02 Третий способ: inset
04:38 Четвертый способ: flex
05:54 Пятый способ: flex + margin
06:08 Шестой способ: grid
06:43 Седьмой способ: grid + place-items
07:23 Восьмой способ: grid + align-self
07:53 Девятый способ: grid + place-self
08:12 Десятый способ: margin
⚡️ Эксклюзив на Boosty - boosty.to/itdoctor
💡 Telegram канал - t.me/...official/4
🎥 Курсы на Stepik - stepik.org/...3773/teach
💰 Донаты на ЮMoney - sobe.ru/na/itdoctor
ВКонтакте - vk.com/...ctorstudio
Rutube - rutube.ru/.../23500045/
#css #css3 #csshtml #csstutorial #itdoctor