中心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

回答