如何將div浮動到中心？

我想能夠在一個頁面中間的div居中，但不能得到它的工作。我試過float：center;在CSS中，但它似乎並沒有工作。如何將div浮動到中心？

的這些東西沒有任何幫助的。 – Jordan 2012-09-06 23:39:43

沒有浮子：中心;在CSS中。使用餘量：0 auto;代替。所以像這樣：

.mydivclass { 
    margin: 0 auto; 
}

2011-02-13 03:37:17

類包裝可能會讓人困惑。編輯。 – 2011-02-13 03:39:01

+12

請注意，你**必須**設置一個寬度！ – 2011-02-13 03:40:35

嘗試margin: 0 auto，該div將需要一個固定的。

2011-02-13 03:37:37

你能做到內嵌這樣

<div style="margin:0px auto"></div>

，或者你可以在你的CSS文件通過類

<div class="x"><div>

做，或添加此.x{margin:0px auto}

<style></style>之間也可以簡單地使用中心標籤

<center> 
    <div></div> 
    </center>

，或者如果您使用絕對位置，你可以做

.x{ 
    width: 140px; 
    position: absolute; 
    top: 0px; 
    left: 50%; 
    margin-left: -70px; /*half the size of width*/ 
}

2011-02-13 03:41:00 Hussein

給了DIV具體在百分比或像素和中心時，它使用CSS margin屬性。

HTML

<div id="my-main-div"></div>

CSS

#my-main-div { margin: 0 auto; }

享受:)

2011-02-13 15:33:29 iAnuj

如果您正在使用width和height，你應該嘗試margin-right: 45%; ...它是100％爲我工作..所以我可以帶到任何地方無線百分之！

2013-11-18 08:23:08

如果由於某種原因，您必須對DIV絕對位置，這樣做：

<div class="something"></div> 

.something { 
    position:absolute; 
    left:0; 
    right:0; 
    margin-left:auto; 
    margin-right:auto; 
}

2014-12-04 11:32:54 SimeriaIonut

簡單的解決方案：

<style> 
.center { 
    margin: auto; 

} 
</style> 

<div class="center"> 
    <p> somthing goes here </p> 
</div>

2017-09-20 05:29:55 Indra

回答