以響應的方式垂直居中元素

瞭解響應式Web設計，我想知道是否有一個標準過程以響應的方式垂直居中元素（div，圖像或其他）。不是用邊距和填充像素，而是用百分比方式或類似的東西來獲得響應性的對齊結果。像水平對齊引導程序的中心塊或居中的行和列。以響應的方式垂直居中元素

2014-11-06 Bill

是使用Flex盒的可能性？ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes – Noitidart 2014-11-06 21:54:02

我在谷歌搜索一個可能性？ – DaniP 2014-11-06 21:54:40

不要使用谷歌使用冰。以下是關於如何集中的一系列不同技術：http：//vanseodesign.com/blog/demo/vertical-centering/padding.php這意味着支持ie8等古老的瀏覽器。 – Noitidart 2014-11-06 21:58:34

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

以響應的方式垂直居中元素

回答

相關問題