Div標籤不會居中？

在做我的編碼時，我試圖讓屏幕滾動並居中時固定我的div「hold」。我在裏面有div的標誌和導航，當它滾動時，它們都會沿着頁面向下。Div標籤不會居中？

出於某種原因，在嘗試了所有內容之後，我無法讓div「hold」居中放置在頁面上。

#hold { 
width: 900px; 
height: 100px; 
margin: 0 auto; 
position:fixed; 
}

這裏是網站的實時取景櫃面你想看到的代碼的其餘部分， http://fuse.orgfree.com/Portfolio%202012/ 帶有徽標的股利應更遠的中心，但它只是不會去。

任何和所有的幫助表示讚賞！非常感謝！

來源

2012-06-25 Abstract Box

在這裏讓我爲你的谷歌，https://www.google.com/search?btnG=1&pws=0&q=CSS+Centered+Div&safe=active – pixelbobby

position: fixed是什麼導致你的div div不能正確居中。刪除該行，div移動到頁面的中心。

來源

2012-06-25 16:44:21 Jim

但是，那麼我將如何保持div固定呢？ –

如果要保持位置固定，則需要使用「左」屬性將其移動到屏幕中央。如果您希望它在窗口大小調整時保持居中（水平），則必須使用百分比而不是固定像素量。 – Jim

這個CSS添加到您的保持DIV：

#hold { 
left: 50%; 
margin-left: -450px; 
}

的利潤率左屬性應該是你div的寬度的一半。

來源

2012-06-25 16:46:27 j08691

一個div的例子，

<div class="center"></div>

這與完全居中，並與下面的樣式固定：

.center{ 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    width: 200px; 
    height: 200px; 
    margin: -100px 0 0 -100px; 
    background-color: blue; 
}

你可以找到一個示範here。

要水平僅居中：

.center{ 
    position: fixed; 
    left: 50%; 
    width: 200px; 
    height: 200px; 
    margin-left:-100px; 
    background-color: blue; 
}

讓div的內容也centered或使其fluid。

來源

2012-06-25 16:47:19 Robin

Div標籤不會居中？

回答

相關問題