以自舉圓盤傳送帶爲中心的固定容器

然而，我想中心含有三個圖標水平和垂直方向一個div，並將它固定在滑動圓盤傳送帶圖像。

我已經嘗試設置一個寬度爲類：

.centered { 
    position:fixed; 
    width: 500px; 
    margin: 0 auto; 

}

然而，三個圖標做從左上角不多。

這裏是鏈接到網站，如果你想檢查我的HTML代碼：

http://www.gregorydanelian.comule.com/stu/

非常感謝程序員！

來源

2013-12-17 danelig

固定位置需要x位置，高度和寬度。 – Christina

是的。我已經嘗試過，但它不在文檔窗口的中心，它太靠右了。 '.centered { position：fixed; z-index：100; top：50％; 剩餘：50％; width：500px; height：200px; }' – danelig

它將以寬度和高度爲中心。看看：http：//coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/並閱讀完整的文章 – Christina

使用絕對/固定定心：

.parent { 
    position: relative; 
    } 
    .centered { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    margin: auto; 
    width: 500px; 
    height: 200px; 
}

使用這種方法，你會居中水平和垂直。缺點是你需要中心元素的固定寬度和高度。

這裏是position: fixed;http://jsfiddle.net/ngP8f/

好運的版本！

來源

2014-03-24 17:36:27 PAdrian

以自舉圓盤傳送帶爲中心的固定容器

回答

相關問題