Question

我想要h1，就像这里：Everything ok example

代码：

.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

Answer 1

据我了解，您想要居中文本，并填补空间

.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

Answer 2

这里有2个解决方案

首先只删除“max-width：10em;”

第二是

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

Answer 3

您在10em上定义了.container的宽度。如果您想将.container与margin: 0 auto;居中，则需要具有固定宽度。如果您想要更宽，请将max-width:10em;增加到所需的大小。

所以你的最终结果将是：

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

Answer 4

您必须将max-width更改为min-width并将值更改为100%。

在父母内部安装h1

4 个答案: