4 способа выровнять div вертикально HTML CSS

[@eugeniyvinnikov5480]

Благодарность и спасибо. Иногда даже и такие видео про верстку полезно смотреть )

[@bia6427]

Отличный ролик. Все рассмотрено с нюансами, визуально показано, при этом лаконично и понятно. Спасибо.

[@Валерия-я4ь]

БОЛЬШОЕ СПАСИБО за уроки!!! Было бы замечательно возобновить видео и по урокам вёрстки! Всех благ!!!

[@maxfatyanov7096]

Так же существует способ, когда родителю задаешь position:relative; а дочернему элементу position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); Но его обычно используют, когда не подходят способы, представленные в видео

[@parfira]

Контент на канале лучший из обучающих.

[@spaceresident6160]

Спасибо. Давно хотел сам разобраться.

[@TheDimaqweqwe]

Спасибо! Всё ёмко и информативно.

[@tihunov]

Александр, вы правильно говорите но есть еще метод такой position:relative; top: 50%; transform: translateY(-50%); этот метод колхоз но он есть это вертикаль если нужно есть горизонт добавьте margin: 0 auto;

[@alexeykostin834]

Я тоже хотел сказать про трансформ, но тут уже написали этот метод

[@Vladikslavik]

Почему колхоз? Приходится пользоваться таким способом, когда основный блок у тебя relative, в нём есть разные блоки и один из них расположен по центру.

[@tihunov]

@@modeusweb не только, можно и без заданого height родителю, конечно же лучше использовать flexbox или grid я же указал что колхозный подход

[@Vladikslavik]

@@tihunov представим, что у тебя в контейнере 2 элемента: первый наполовину выходит за пределы контейнера, а второй строго по центру. Вот как раз такой способ здесь хорошо подойдёт.

[@dr.livesey5157]

Благодарю! Очень полезно слушать нюансы тех или иных подходов

[@EaseMyMindBro]

Спасибо за обучающий ролик!

[@Harmonious-Work]

спасибо тебе, от всей души, просто умничка

[@dmitrykomarov9164]

это лучшее объяснение!

[@МаринаТюгай]

Спасибо за решение!

[@farkhadtoxeitov1242]

Огромное спасибо за видео помогло на все 100%

[@vitaliybendik6916]

Спасибо за труд!

[@slavkapiyavka]

мм, кладезь костылей в начале)

[@МаксимЧ-к9я]

Жирный лайк!!!

[@whiterabbit6211]

Grid-решение самое красивое )

[@ЗапасЗнаний]

Очень полезный урок

[@adaewandrei]

Спасибо интересно

[@mykhailostepanishchev6472]

Очень интересно, спасибо

[@sia4281]

Ещё можно отметить что place-items это сокращение запись двух свойств: align-items и justify-items

[@exploringtheworld8780]

Спасибо

[@666GooglMan66]

Класс

[@deadkelman]

Круто!

[@DanzoX25]

Спасибо. *margin: 0;* то что доктор прописал.

[@lfyzvbyyd]

лайк подписка!!

[@NeveraIs]

Для абсолюта можно добавить способ top: 50%; transform: translateY(-50%);

[@dreamypioneer3760]

Годно

[@eugenegambler713]

а где margin-top: 50% , margin-left:50% + Transform: translate (-50%, -50%)?)) или через абсолютное позиционирование top: 50%, left: 50% + Transform: translate (-50%, -50%)

[@hazed0m]

привык использовать такой подход с абсолютом, даже не пробовал с маржином, спасибо, возьму на заметку

[@biLLie_wiLLie]

Автор, расскажи плиз как очищать кэш у всех клиентов принудительно, чтобы все всегда видели сайт с последними обновлениями?

[@biLLie_wiLLie]

@@modeusweb а как быть с контентом?

[@РоманСердюк-ч8э]

Спасибо. Но справедливости ради во флексах нет вертикали и горизонтали. Есть главная ось и второстепенная. А направление этих осей задаётся свойством flex-direction.

[@itgid]

Абсолютно с вами согласен.

[@ИльяШишлачев]

а где абсолютное позиционирование?

[@magtrol.]

а как сделать так как в видео, чтобы убрать времено строки, как он сказал (прокоментировать) ?

[@famemax8264]

Спасибо,что убрали вступительную музыку

[@РоманСердюк-ч8э]

А мне вступительная музыка нравилась, как раз.

[@ВладимирЕмельянов-э9о]

Подскажите ,мой Css не выстраивает базовую разметку сайта. Проще говоря не работает !+таб. Что делать?

[@gamecat7397]

добрый день, скажите пожалуйста как сделать чтобы при выборе определенного веса была окончательная цена, нужно чтобы значения из option умножались на определенный процент и выводилась цена в span

[@ИгорьМанаенков]

Есть ещё старинный способ через вертикал аляйн с ::бефор

[@alexandrmoskalev8642]

хтмл цсс - это рокет сайнс для меня, в отличии от JS/React

[@giorgi_pa]

+++

[@umnikumnikov1338]

Вы забыли классику от самого html с атрибутом align="center" можете не блогодарить )

[@JavaScriptcher]

Хотим курс про typescript!!!🙏

[@АлексейКоваленко-н2ч]

Лол. Я гачинающий, но впервые слышу про Вертикал....

[@jinke5935]

А как же метод суровых и беспощадных верстальщиков, применяющие   и   и не признающие все эти нововведения флексы, гриды и прочее? :-D

[@vadonfit9269]

CSS (цэ-эс-эс или си-эс-эс)

[@burenkoigor1984]

кэ-эс-эс же!

[@sergeibogomolov6179]

Зачем знать мх все. Последний самый топ