Question

试图将我使用HTML放置的图像居中。只是尝试使用保证金：自动，但它不起作用？

以下是代码：

#indexheader {
    margin: 0 auto;
    margin-top:5%;
    width:190%;
    height: 190%;
}

Answer 1

如果您明确将宽度设置为190％，则不一定需要margin: auto。您可以将左边距设置为-45％。

Answer 2

假设您想要水平居中，您只需要在父元素上设置宽度并在图像上设置display:block。这是一个简单的例子：

我不确定宽度大于父母的100％时居中意味着什么。需要考虑的事情。

Answer 3

如果你的元素是一个内联块，我相信它不会以＆＃34; margin：0 auto;＆＃34;你可以尝试添加：

display: block;

看看是否有效。

Answer 4

是另一个div元素中的#indexheader吗？如果是这样会导致它只在元素中居中。

你对元素进行了任何css编码会导致它不居中吗？如位置：固定;？

如果您的图像放在“indexheader”中，它可能不会居中，因为您将框放在中心而不是图像。尝试将id应用于html编码中的图像元素并将其置于中心位置。

这是一个相当含糊的问题，因为你发布的内容应该居中，但如果没有看到你的其他任何代码，那么还有许多其他因素可能会影响它。

你总是可以在你的html中尝试一个内联语句，比如align =“center”，然后再去吧

Answer 5

应该居中的图像。关键是使图像成为块并将margin-left和margin-right应用于auto。希望这有帮助

img {
display:block;
margin-left:auto;
margin-right:auto;    
}