Вертикально центральные элементы с отзывчивым способом

Изучая отзывчивый веб-дизайн, мне было интересно, есть ли стандартная процедура для центрирования элемента (div, изображение или что-то еще) в вертикальном направлении в ответном порядке. Не с пикселями margin и padding, а с процентным способом или что-то в этом роде, чтобы получить отзывчивый результат. Подобно горизонтальному выравниванию с центральными блоками или центрированными строками бутстрапа.Вертикально центральные элементы с отзывчивым способом

источник

2014-11-06 Bill

Пользуется сгибать коробки возможность? https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes – Noitidart

Я ищу в Google возможность? – DaniP

Не используйте google use bing. Вот куча разных методов о том, как сосредоточиться: http://vanseodesign.com/blog/demo/vertical-centering/padding.php. Это предназначено для поддержки старых браузеров тоже, как ie8. – Noitidart

CSS support for display:table.

<div style="display:table;background:blue;height:100vh;width:100vw;"> 
 
    <div style="display:table-row;"> 
 
     <div style="display:table-cell;text-align:center;vertical-align:middle;color:white;font-size:50px;">Blah</div> 
 
    </div> 
 
</div>

источник

2014-11-06 21:54:45 davidcondrey

Вертикально центральные элементы с отзывчивым способом

ответ

Смежные вопросы