以响应的方式垂直居中元素

了解响应式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

以响应的方式垂直居中元素

回答

相关问题