Здравствуйте.
Сейчас вроде бы не должно возникать проблем с вертикальным выравниванием, есть flex'ы, приём с transform: translateY(-50%). Но если контента много, то он обрезается и не спасает добавление вертикального скролла.
Пример на флексах (уменьшайте окно, пока текст не начнёт вываливаться) https://jsfiddle.net/6xjg7Lvh/
Точно такая же картинка на transform https://jsfiddle.net/sw2phpdc/
И снова приходиться возвращаться к старым добрым display: table-cell, здесь всё работает корректно https://jsfiddle.net/39xo2gzo/
Ребят, можно это как-нибудь пофиксить или в таких случаях использовать только display: table-cell ?
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Crystal-3
Здравствуйте.
Сейчас вроде бы не должно возникать проблем с вертикальным выравниванием, есть flex'ы, приём с transform: translateY(-50%). Но если контента много, то он обрезается и не спасает добавление вертикального скролла.
Пример на флексах (уменьшайте окно, пока текст не начнёт вываливаться) https://jsfiddle.net/6xjg7Lvh/
Точно такая же картинка на transform https://jsfiddle.net/sw2phpdc/
И снова приходиться возвращаться к старым добрым display: table-cell, здесь всё работает корректно https://jsfiddle.net/39xo2gzo/
Ребят, можно это как-нибудь пофиксить или в таких случаях использовать только display: table-cell ?
Link to comment
Share on other sites
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.