Html 以Css中的块元素为中心，相邻放置，没有任何巨大的空间 我想把中间的菜单放在中间，但我也希望它能在没有任何大空间的情况下彼此相邻。 我试着让整个东西浮动，并将左边距和右边距设置为自动。但是在网上搜索之后，我发现不可能把漂浮的东西放在中心

然后我尝试将块设置为内联块，并去掉float元素。再次将边距设置为自动。现在这似乎也不起作用了。我读了一个你可以把文本对齐到中心的地方，这是把我的文本集中在块中，但是块本身没有在中间。

此时，我的整个css菜单代码：

a.menyStil
{
display: inline-block; 
width:150px; 
height:25px;
margin-right:auto;
margin-left:auto;
background:#dca; border:1px solid #000;
text-align:center; 
text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#000;
line-height:25px; 
overflow:hidden;
}

a.menyStil:hover {background:#764;}
a.menyStil:active {background:#c00;}

以及相关的html代码：

<p> <a class="menyStil" href="Hjem.html"> Hjem</a>
<a class="menyStil" href="Kontakt.html"> Kontakt oss</a>
<a class="menyStil" href="om_oss.html"> om osst</a>
<a class="menyStil" href="testing.html"> Testing</a></p>

我非常感谢您的帮助：）

---

将此添加到css代码中

p{
 width: 650px;
margin: auto;
}

演示：

您应该在

p

中添加自动边距。因为它包含

a

。因此，它来到了中心。

---

我希望这可能会对您有所帮助。

如果您知道所有选项卡的总宽度，这将非常有用，否则它们将不会完全居中。；-）

p{
 width: 650px;
margin: auto;
}