我應該如何水平居中沒有寬度的div？

-2

我還是很新的CSS，但我嘗試了不同的解決方案在stackoverflow，但似乎沒有工作。我應該如何水平居中沒有寬度的div？

這裏是父DIV：（現有的應用程序，所以我無法控制的內嵌樣式，因此使用的重要！）

element.style { 
    display: block; 
    height: 662px; 
    width: 1460px; 
} 
#ModalScroll{ 
    position:fixed !important; 
    top:0; 
    left:0; 
    z-index:1001; 
    height:1px; 
    width:1px; 
    overflow:hidden; 
    display:none; 
    font-size:100%; 
    text-align:center; 
}

兒童格：

element.style { 
    display: block; 
    left: 470px; 
    margin-top: 150.5px; 
    top: 315px; 
    width: 500px; 
} 

.ModalDialog{ 
    border:1px solid #3C4749; 
    background-color:#FFF; 
    margin:0 auto 0 auto; 
    display:none; 
    position:absolute !important; 
    font-size: 12px; 
    top: 0px !important; 
    box-sizing: border-box; 
    text-align: center; 
    vertical-align: middle;

的DIV可以有不同的寬度，它完全居中垂直，但我不能做到水平。絕對和翻譯技巧：

來源

2015-04-17 redAce

你可以做一個jsfiddle嗎？ –

我沒有得到低調，我是新來的CSS，並試圖儘可能多地爲您提供信息。我不能製作一個jsfiddle，因爲它是一個巨大的應用程序，我不能再現現有的東西。 – redAce

你可以畫一張圖片嗎？它很難遵循。 –

這裏是相當簡單的解決方案，我只是不得不在子div中添加：

{ 
... 
    right: 0px !important; 
    left : 0px !important; 
}

來源

2015-04-17 13:56:53 redAce

你可以用位置做

yourDiv{ 
    position: absolute; 
    left: 50%; 
    -webkit-transform: translateX(-50%); 
    -moz-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
    transform: translateX(-50%); 
}

來源

2015-04-17 13:08:48

它不適合我。 – redAce

你可以請張小提琴嗎？ –

正如我告訴其他用戶，我只能訪問CSS。 – redAce

這也可以集中一個元素（即具有寬度）

{ 
    margin-left:auto; 
    margin-right:auto; 
}

來源

2015-04-17 13:28:59 rharvey

我應該如何水平居中沒有寬度的div？

回答

相關問題