css - 垂直居中一个div？

Question

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

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

score 2 · Accepted Answer

试试这个教程
垂直和水平居中 div

score 1 · Accepted Answer

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

您可以使用它的一种方法是这样的：

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

因为您的身高是自动的，所以仅此一项就可以解决问题。

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

2 回答 2