有這麼多的代碼會在這裏我不知道實際發佈的東西，所以我只是要發佈的鏈接，即使有人告訴我這不是最好的方式去。列不居中（CSS格式問題）

在頁面的三個盒子應該是居中的（存在的問題，需求，解決方案）任何幫助將不勝感激的最底部，我不能通過將DIV集中到任何位置，它似乎總是把它搞亂。

非常感謝您提前。

2014-04-10 Eric

嗨，你有下面一些答案... – gillytech

你應該與其他的div

<div id='warp' align='center'>DIV#3columns here</div>

或

<div id='3columns' align='center'><div id='The ProblemThe NeedsThe Solution'></div></div>

或CSS

text-align:center;

和你的導航菜單扭曲它不好看我的屏幕上。

2014-04-10 02:42:18

什麼不好看與導航菜單？再次，我對編碼非常陌生，所以更基本的你可以變得更好。任何想法如何解決它？ – Eric

幫助是在另一行。它溢出 - 1366x768 –

好吧，我看了看您的網頁，我看到的主要問題是比列更根本。沒有任何可靠的方法可以將任何東西與您的網站上的任何其他行進行集中關聯，而無需使用「容器」（或包裝），無論您想調用它。

我解決了這個問題很簡單地通過在div與container（像這樣<div id="container>"）

它看起來像你的內容的整體寬度的ID包一切從頁眉頁腳爲1100px，所以我說這CSS到容器

#container { 
    width: 1100px; 
    margin: 0 auto; 
}

這樣做是在統一佈局的兩側的界限，這樣的事情能相對於這個邊界定位。

在你的代碼中的一個錯誤是，標識shouldn't start with a number。不過之後你考慮改變你應該添加以下CSS的ID名稱：

#threeColumns { 
    width: 100%; 
    margin: 0 auto 
}

有了這些修改，你應該能夠居中的列（和一切你想中心）。

這些確切的寬度不是像素完美的。我只是用這些來說明我使用的方法。

2014-04-10 02:55:54 gillytech

我已經改變

<div id="3columns">到<div id="columnsthree">

，並添加以下的CSS樣式表

#columnsthree{ 
    width:1100px; 
    margin:0px auto; 
    padding:0px; 

}

通常我用來給容器寬度爲1000或980px但因爲如果我們給1000px作爲容器寬度，那麼每個列的寬度都是336px，那麼就會出現ali問題。所以我選擇了1100px;

，並在默認保證金語法是

保證金：Topmargin_value Rightmargin_value Bottommargin_value Leftmargin_value;

所以Margin: 0px auto;

等於

保證金：top_bottom_Margin_value right_left_margin_value

輸出：

enter image description here

Fiddle Demo

Full Page Demo

2014-04-10 03:14:37