垂直居中div？

Question

我正在构建一个响应式网站，我有一个div（名为“包装器”），我希望始终位于页面的中心。我想出了如何水平居中，因为我有一个设定的宽度百分比。如果我没有设定的高度百分比，我将如何垂直居中？

.wrapper{
    width: 50%;
    height: auto;
    margin-left: 25%;
    padding: 3%;
}'

Answer 1

试用本教程
垂直和水平居中div

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Answer 2

试试这个jQuery插件： TailorFit 并查看 demo 。

你可以使用它的一种方式是：

$('#your-div').tailorfit();

因为你的身高是自动的，所以这一点就可以了。

完全披露 - 我是该插件的作者。