Question

我遇到了问题，我已经在＆＃34;服务＆＃34;上创建了一个css菜单。页面，没有支持，我不知道如何纠正这个问题。

所以我需要你的帮助，这里是css代码的一部分（必须删除前40行评论）

此菜单显示在左侧，但我需要它居中，任何人都知道如何？

.menuu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("//wearenotalone.se/images/topMenuImages.png") repeat-x;}

.menuu li{padding:0; margin:0; list-style:none; display:inline;}

.menuu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("//wearenotalone.se/images/topMenuImages.png") 0px -30px no-repeat; outline:none;}

.menuu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("//wearenotalone.se/images/topMenuImages.png") 100% -30px no-repeat;}

.menuu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menuu li a:hover span{background-position:100% -60px;}

.menuu li a.active, 
.menuu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("//wearenotalone.se/images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}

.menuu li a.active span, .menuu li a.active:hover span{background:url("//wearenotalone.se/images/topMenuImages.png") 100% -90px no-repeat;}

是的，抱歉，上面是css，这就是我所说的：

<ul class="menuu">
  <li><a href="https://wearenotalone.se" ><span>Home</span></a></li>

</ul>

嗯，那只显示一个＆＃34;按钮＆＃34;在菜单中，但它只是添加你想要的多少..
（来自www.cssmenubuilder.com的完整菜单）

Answer 1

@ j-printemps display：flex工作得很好。

关于菜单问题的Css，不知道如何将它们居中

1 个答案: