Как я могу вертикально центрировать divs в начальной загрузке? [дублировать]CSS

Разбираемся в CSS
Ответить
Anonymous
 Как я могу вертикально центрировать divs в начальной загрузке? [дублировать]

Сообщение Anonymous »

Я работаю над проектом, который требует от меня вертикально центра. У меня есть три столбца с размером Col-S-4. Два столбца слева и справа являются статичными, а столбец в середине прокручивается. < /p>

У меня есть две текстовые поле в правом и левом столбцах, которые должны быть отзывчивы в середине страницы. Я действительно не знаю, как поднять центр DOVS. Я пробовал различные трюки на начальной загрузке, такие как смещение столбца или использование класса «вертикальный центр», но на самом деле ничего не работает. < /P>

Это то, что я пытался использовать, но в настоящее время он не работает: < /p>

.text-div {
position: relative;
top: 50%;
transform: translateY(-50%);
display: table;
}
< /code>

Вот ссылка на мой кодепен, чтобы вы могли увидеть, чего мне нужно сделать. < /p>

https: // codepen.io/anfperez/pen/rjzmmm

Подробнее здесь: https://stackoverflow.com/questions/488 ... -bootstrap
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»