中心div内容垂直和水平不工作

我有一个网站有多个部分，但我的网站没有滚动，所以当我想要去每个部分，我应该点击该部分的菜单按钮...无论如何，网站应该将每个部分的内容显示为封面（一个页面），全部宽度和高度，并将该部分主要div的内容居中。中心div内容垂直和水平不工作

我试图做到这一点与vertical-align:middle，与display table-cell ..我写了一篇关于JSFiddle

欢迎的div代码应该在我的页面的中心显示。

集html{height:100%;}和.container-fluid{height:100%;}

2014-10-17 08:00:41 Gho

有一个在你的答案错误（分号在错误的地方）。我无法编辑这个答案，因为“编辑必须至少有6个字符”......也许你可以正确 – thetont 2014-10-17 08:11:21

好，它工作正常，就像说@thetont – user3003810 2014-10-17 08:15:30

是的，你说得对，今天的键盘恨我，它应该现在修好 – Gho 2014-10-17 08:19:38

添加保证金：50％自动;在欢迎类

.welcome { 
    background-color:#ccc; 
    padding:20px; 
    color:#000; 
    margin:50% auto; 
    }

2014-10-17 07:58:46

您需要添加以下内容：

html, 
.container-fluid { 
    height:100%; 
}

2014-10-17 08:02:30 Pete

回答