2016-09-19 82 views
-4

我試圖簡單地在另一個div中居中。 我讀過另一篇文章,只要div的寬度試圖居中小於容器寬度,並設置margin: 0 auto;,它應該居中,而不是我的代碼如下。我需要幫助中心DIV不工作

我的容器

#main { 
    width: 1200px; 
    height: 800px; 
    margin: 0 auto; 
    border-radius: 6px; 
} 

股利我嘗試我的容器

#tablesection { 
    width: 600px; 
    margin: 0 auto; 
    text-align: center; 
} 
+0

你嘗試'顯示:直列block' –

+0

爲什麼我必須這樣做,如果他們說的是真的,並在div裏面的表是默認 – GullyBoy

+2

它的工作正確的。檢查塊這個https://jsfiddle.net/s6dvszg9/ –

回答

0
#outer{ 
    background-color: #000; 
    float: left; 
    height: 200px; 
    width: 100%; 
    } 
#centerDiv{ 
    background-color: #fff; 
    height: 150px; 
    margin: auto; 
    width: 70%; 
} 

檢查這裏面demo中心。

-1

對不起傢伙大新手錯誤...在我的風格部分有另一個CSS聲明與閉幕支架丟失,導致所有這一切。 其瘋狂的一個支架如何能夠導致所有的隨機行爲

使代碼並在您的幫助球員感覺好以瞭解它的整個社區像這樣幫菜鳥跟我一樣

+0

是的。謝謝 –

+0

是的,我看到失去了我的整個排名......認爲這個網站是幫助脂肪酶不要讓他們害怕問另一個問題 – GullyBoy

+0

@GullyBoy - 不要個人採取downvotes,他們簡單的措施是多麼有用(或不)一個職位是。對於這樣的錯字,您可以刪除該問題。你也可以得到你的代表。 – misterManSam

-1
#main { 
width:1200px; 
height:800px; 
margin: 0 auto; 
border-radius: 6px; 
background:red; 
} 
#tablesection { 
    width:600px; 
    border:1px solid; 
    margin:0 auto; 
    background:green; 
} 
FACT work.thanks

其工作