margin：0 auto;不工作

我知道這個問題被問了幾次，但它不與我的例子:(margin：0 auto;不工作

這裏是我的代碼

index.html.erb

<div class="welcome"> 
    <h1>h1</h1> 
    <h3>h3</h3> 
    <small>small</small> 
</div>

工作

CSS

body { 
    margin: 0; 
    padding: 0; 
    background-image:url('sitebackground.jpg'); 
    background-repeat: no-repeat; 
} 

.welcome{ 
    display: block; 
    left: 10%; 
    width: 80%; 
    margin:0 auto; 
}

來源

2013-10-13 ciaodarwin

刪除左：10％ –

@Pierce'left'屬性是沒有'反正position'屬性，以便不要事沒用。 @ciaodarwin它以我爲中心，還是你想用div.welcome將文本居中 – gwillie

拆下左：100％裨erce McGeough建議。我創建了一個simple fiddle來演示。我還添加了背景顏色來展示80％的寬度和居中位置。

.welcome{ 
    display: block; 
    width: 80%; 
    margin: 0 auto; 
    background-color: blue; 
}

如果你也試圖擺脫頂部邊距，那一個來自h1。因此，添加以下的CSS：

h1 { 
    margin: 0; /* or just margin-top: 0; */ 
}

來源

2013-10-13 12:06:42

margin：0 auto;不工作

回答

相關問題