保證金：0汽車沒有出現在中心

我明白，這個問題以前一定要問過很多次，但我的確看過已經存在的答案，而且似乎沒有任何工作！我已經定義了元素的寬度，嘗試刪除浮動：左（這似乎不居中，它也打破了我的佈局..），嘗試將其設置爲顯示：塊，我做之前使用頁腳清除浮動所有這一切，嘗試使用文本對齊中心。但是，是的，似乎沒有任何中心。保證金：0汽車沒有出現在中心

.container3col { 
    width: 1200px; 
    background: #FFFFFF; 
    margin: 0 auto; 
    display:block; 
} 

.leftbar { 
    width: 180px; 
    padding-bottom: 10px; 
    background:#00FF00; 
    float:left; 
    } 
.content { 
    padding: 10px 0; 
    width: 840px; 
    background:#FF0000; 
    float:left; 
} 
.rightbar { 
    width: 180px; 
    padding: 10px 0; 
    background:#00F; 
    float:left; 
}

我的HTML部分目前確實包含很多內容，所以發佈它可能有點麻煩。基本上我創建了一個容器DIV，並將左欄，內容和右欄DIV放入其中。我相當肯定所有內容都符合其DIV的寬度限制。

可能會影響我的代碼的一件事是，我確實使用腳本來更改顯示內容：none;顯示：block（以便用戶可以點擊鏈接並加載文章的其餘部分）。

在這之前，我做了一個兩列布局，似乎完美的工作;它中心很好，無需移除浮動或類似的東西。顯示：沒有阻止的事情，正如我在上面的段落中提到的也被使用。這兩列的頁面工作得很好。

謝謝。

編輯：這是它的一個小提琴。由於大量內容是不必要的（即文章只是填充文本），我刪除了一些內容。 http://jsfiddle.net/Snail489/W6C9v/6/

來源

2013-10-11 Snail489

顯示相關的HTML。有一件事我可以說，'container3col'只會在它所在的窗口寬於1200像素的情況下居中。那是什麼時候發生問題？無論如何，使用JS來改變顯示屬性不應該是一個問題（除非在JS中有拼寫錯誤，但我們假設不是）。 –

小提琴吧.. – avrahamcool

@avrahamcool發表了一個問題的小提琴。我確實刪除了一些不必要的元素，例如文章的填充文本。 – Snail489

代替margin: 0 auto;嘗試text-align:center

來源

2013-10-11 08:31:38 SaturnsEye

嘗試過text-align：center before。我認爲我增加了容器的樣式;當我嘗試這個時候什麼都沒有發生。如果我嘗試將其應用於每個div的風格，唯一發生的是文本居中（而不是DIV本身）。 – Snail489

這對我的作品

<style> 
/* CSS Document */ 
body { 
    font-size:12px; 
    color:#000000; 
    font-family: Tahoma, Geneva, sans-serif; 
    } 
.container3col 
    { 
    width: 1200px; 
    margin: 0 auto; 
    display:block; 
    } 

.leftbar { 
    width: 180px; 
    padding-bottom: 10px; 
    background:#5F5; 
    float:left; 
} 

.content { 
    padding: 10px 0; 
    width: 840px; 
    background:#F55; 
    float:left; 
} 

.rightbar { 
    width: 180px; 
    padding: 10px 0; 
    background:#5FF; 
    float:left; 
} 

.header { 
    width:1200px; 
    background:url(../texture.jpg); 
} 

.footer { 
    background: #FFF; 
    position: relative; 
    clear: both; 
    background:url(../texture.jpg); 
} 
</style>

檢查我的jsfiddle：http://jsfiddle.net/pB2aC/

來源

2013-10-11 09:29:14 Kentoro

保證金：0汽車沒有出現在中心

回答

相關問題