在Css中将块元素居中，彼此相邻放置，没有任何巨大的空间
提问于 2012-10-12 09:56:25
我想把我的积木菜单放在中间，但我也想让它挨着放，没有任何大的空间。我试图浮动整个东西，并将左边距和右边距设置为自动。但在网上搜索后，我发现不可能将浮动的东西居中。
然后我尝试将块设置为inline-block，并去掉了float元素。并再次将边界设置为auto。现在这个似乎也不起作用了。我读到了一些地方，你可以将text-align设置为center，这是将我的文本在块中居中，但是块本身并不在中间。
我现在用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>我将非常感谢您的帮助:)
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-10-12 10:05:38
Stack Overflow用户
发布于 2012-10-12 10:03:30
p {
text-align: center;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12856554
复制相关文章
点击加载更多
腾讯云开发者
