件H1內父

我想適合h1，喜歡這裏：Everything ok example 件H1內父

代碼：

.container { 
    padding: 2em 3em; 
} 

h1 { 
    text-align:center; 
    line-height:4em; 
    color:white; 
    background: black; 
    /*padding: 2em 3em;*/ 
    margin: -2em -3em 0 -3em; 
}

但後來我插入

margin: 0 auto; 
max-width:10em;

它不工作...

Last example

來源

2014-02-27 Ilya Key

沒有得到您的問題 –

您需要什麼？ –

看起來像第一個例子。 H1現在也有邊距（0自動），我想看看沒有空白的H1。 –

據我瞭解要居中文本，並填寫空間

.container { 
    padding: 2em 3em; 
    margin: 0 auto; 
    display: block; 
    text-align: center; 
} 

h1 { 
    text-align:center; 
    line-height:4em; 
    color:white; 
    background: black; 
    margin: -2em -3em 0 -3em; 
}

Demo

來源

2014-02-27 07:05:34

如果他想這樣做，而不是他的第一個例子有什麼問題？ –

一切正常我的第一個例子，但沒有最大寬度：10em; –

在這裏，我們有2個解決方案

首先是隻刪除「最大寬度：10em;」

其次是

.container { 
padding: 2em 3em; 
margin: 0 auto; 
max-width:10em; 
min-width:100%; 
}

來源

2014-02-27 07:06:33 Dheeraj

您上.container定義的10em的寬度。如果您想將.container與margin: 0 auto;對齊，則需要固定寬度。如果你想要它更寬，然後增加max-width:10em;到你想要的大小。

所以你的最終結果將是這樣的：

.container { margin: 0 auto; max-width: 30em; /*whatever width you want*/ }

來源

2014-02-27 07:07:21 misterManSam

你必須改變max-width到min-width和值更改爲100%。

來源

2014-02-27 07:08:00 Atrotors

回答

相關問題