如何在三個「列」設置中居中放置小部件區域

Question

在修改我的wordpress主題時，我從內容/側欄佈局轉到了全寬佈局。在內容部分中，有兩個「小部件區域」：中左（左）和右中（右）。當我全速前進時，我添加了一個名爲home-far right的第三個小部件區域。

我無法弄清楚如何讓中間的部件區域與其他兩個部件相距居中和等距。就目前來看，它堅持在右邊的那個。

http://signaturehouston.com

感謝

P.S很抱歉，如果我的描述不是技術上是正確的 - 我是新在此。

Answer 1

給保證金您的事業部

嘗試添加此：

.home-middle-right { 
    float: right; 
    margin-left: 35px; /*ADD THIS*/ 
} 

您可以更改頁邊距，按您的需要佈局

希望這有助於！

Answer 2

你需要給你的中間部件自己的類，因爲你正在使用相同的類爲中間和正確的部件div。說你怎麼稱呼它：

<div class="home-middle widget-area"> 

的CSS：

.home-middle { 
    float: none; 
    margin: 0 auto; 
    width: 332px; 
} 

問題是你使用的是同一個班的左邊，這樣它漂浮權的小部件。動態地，margin: 0 auto;將始終居中。