2012-07-10 64 views
1

也許這是一個愚蠢的問題,但我不能自己解決。 我有一個容器(一個div),其中包含一些其他元素(示例段落,圖像等)。 我想爲容器的寬度分配一個值,以便將其居中放置在頁面中。 (默認行爲使容器的寬度爲100%,所以我不能居中) 我發現很多帖子都在討論如何讓子元素的寬度適合容器的寬度,但我知道要做的唯一方法是反向是通過使用JavaScript(我想避免這一點)。容器寬度適合他的孩子寬度

有沒有辦法通過CSS來做到這一點?

在此先感謝!

+0

你能發佈你使用的代碼嗎? – jorgebg 2012-07-10 11:47:38

+0

您可能需要使用「float」來根據子項展開父項。 – algiecas 2012-07-10 11:49:25

+0

我不知道我是否理解了這個問題,但是如果你浮動元素,它將會把子元素的寬度和高度設爲float:left或float:right,但是你可能需要使用JavaScript來居中。 – Dan 2012-07-10 11:52:36

回答

3

糾正我,如果我不正確地理解你。

你有一個未知寬度的子元素的div,並希望div居中。

正如Billy Moat所說的,您可以通過將「text-align:center」的父div添加爲css屬性來實現此目的。

您不需要將固定寬度添加到以div爲中心的div;相反,添加

display:inline-block; 

到這個div。 div現在將居中並取得子元素的寬度。

+1

你可以使用'display:inline',這也可以。 [jsfiddle](http://jsfiddle.net/VDsFH/)+1 – 2012-07-10 14:45:26

+0

這很有用,非常感謝! – michaelramin 2012-07-16 09:02:44

0

如果我正確理解你,那麼這就是你需要做的。

你需要一個DIV之外的容器DIV,你已經在其上設置了「text-align:center」。

然後裏面的DIV應該有一個設置的寬度,並且它還有「margin-left:auto」和「margin-right:auto」。

希望有所幫助。

+0

這不會得到所需的結果 - 通過設置一個固定的寬度,您防止子元素設置div寬度。它需要內聯或內聯塊來承擔子寬度。帶有text-align:center的容器然後居中。 – 2012-07-10 14:47:09