1

我想将我的块菜单居中放在中间，但我也希望它彼此相邻放置而没有任何巨大的空间。我试图浮动整个东西并将左边距和右边距设置为自动。但是在网上搜索后，我发现无法将浮动的东西居中。

然后我尝试将块设置为 inline-block 并带走浮动元素。并再次将边距设置为自动。现在这似乎也不起作用。我在某个地方读到您可以将文本对齐设置为居中，这是将我的文本居中在块中，但块本身并没有进入中间。

此时我在 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>

我真的很感激帮助:)

4

2 回答 2

2

将此添加到您的 CSS 代码中

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

演示：小提琴

你应该在p. 因为它包含a. 所以它来到中心。
我希望这对你有帮助。

于 2012-10-12T10:05:38.333 回答
1 
p {
    text-align: center;
}

http://jsfiddle.net/B8gFC/

于 2012-10-12T10:03:30.197 回答