如何讓我的div正確居中

-1

我想讓我的內容div居中，但使用當前的方法，它是向右而不是死心。如何讓我的div正確居中

#content { 
    width: 620px; 
    height: 2000px; 
    position:absolute; 
    top: 300px; 
    left:50%; 
    margin-right: 310px; 
    background-color: #0F0; 
    padding: 0; 
    margin: 0px; 
}

來源

2013-04-05 bilbsy

下面的答案是一個很好的猜測，但說真的，沒有看到整個文檔，這是很難知道肯定。 – crush 2013-04-05 15:47:32

歡迎來到Stackoverflow！你可以在問問題之前搜索問題，以減少重複。在這樣的例子是http://stackoverflow.com/questions/618097/how-do-you-easily-horizontally-center-a-div-using-css。 – 2013-04-05 16:09:11

#content{ 
    width: 620px; 
    Left: 50%; 
    margin-left: -310px; 
}

你想使用-50％的#contentdiv總寬度它搬過來50% - 棘手的:)

來源

2013-04-05 15:46:27

有人可以與我分享爲什麼他們投票嗎？ – 2013-04-05 16:10:17

要使用絕對定位居中對象種類，

top:50%; 
left:50%; 
margin-top:-1000px; /* half of size */ 
margin-left:-310px; /* half of size */

那麼簡單！

**絕對值是最後一招，通常用在相對位置元素中。小心，如果你有一個絕對'divitis'的案例（對所有東西都使用div，並且絕對定位它們，因爲你不熟悉最佳實踐）

最好使用margin:auto來水平居中。

來源

2013-04-05 15:47:47

嘿，我沒有編碼，只是回答了這個問題:)絕對應該很少使用。新的編碼器使用它，因爲它更簡單。我還以爲它有點大。 – 2013-04-05 15:53:32

Downvote如果你喜歡。絕對的，就是這樣做的。與其他人一樣，我將它用於彈出窗口。 – 2013-04-05 15:56:54

只要div有一個寬度：

#content { 
    width: 620px; 
    margin: 0 auto; 
}

來源

2013-04-05 15:50:51 matpol

他使用絕對。 'margin：auto'意味着什麼。 – 2013-04-05 15:51:20

是的，我的回答並非絕對定位！他沒有說它必須被絕對定位。你想要移動容器：margin：300px auto 0; – matpol 2013-04-05 15:53:34

他不應該使用絕對：首先爲此目的定位。曾聽說過最佳做法@yUnoDOWNVOTE？ – Michael 2013-04-05 15:54:04

你應該使用margin: 0 auto;與寬度;那麼它將位於其父項的中心。

來源

2013-04-05 15:51:30 crazyrohila

不是絕對定位..真的嗎？第三個。 – 2013-04-05 15:52:06

這是一個內容div，很明顯，這不是最佳做法，並且該人不應該使用position：絕對位置來達到此目的。 – Michael 2013-04-05 15:53:16

不適用於定位。只是寬度，高度，背景顏色和填充。 [這樣的事情]（http://jsfiddle.net/MvSyx/embedded/result/）與您的代碼 – crazyrohila 2013-04-05 15:53:26

爲了達到這個目的，您不應該首先使用position: absolute;。

所有你需要的是定義一個寬度，然後用margin: 0 auto;來居中div。

例如...

#content { 
width: 960px; 
margin: 0 auto; 
}

這裏有一個的jsfiddle ... http://jsfiddle.net/cD6pe/

來源

2013-04-05 15:52:15 Michael

如何讓我的div正確居中

回答

相關問題