CSS HTML按钮居中_Html_Css_Button_Center_Centering

CSS HTML按钮居中

html css button

CSS HTML按钮居中,html,css,button,center,centering,Html,Css,Button,Center,Centering,我对此做了大量的研究，但我找不到任何解决方法。让我们开始吧我有两个菜单和一个图像（你可以在jFiddle中看到格式）。我想把菜单放在中间。现在是的，我知道这通常很简单，但我已经尝试了一系列正常的补救措施，包括边距、位置和填充。请给我一些帮助。您可以使用下面的链接来使用jFiddle。谢谢重要CSS #nav3 { width: 100%; float: left; margin: 0 0 1em 0; padding: 0; background-color: #f2f2f2; borde

我对此做了大量的研究，但我找不到任何解决方法。让我们开始吧

我有两个菜单和一个图像（你可以在jFiddle中看到格式）。我想把菜单放在中间。现在是的，我知道这通常很简单，但我已经尝试了一系列正常的补救措施，包括边距、位置和填充。请给我一些帮助。您可以使用下面的链接来使用jFiddle。谢谢

重要CSS

#nav3 {
width: 100%;
float: left;
margin: 0 0 1em 0;
padding: 0;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
text-align: center;
vertical-align: text-top;
}

#nav3 ul {
list-style: none;
width: 100%;
margin: 0 auto;
padding: 0;
}

#nav3 li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-left: 1px solid #ccc;
vertical-align: super;
margin: 10%;
}

重要的HTML

<body>
    <div id="nav3">
       <ul>
          <li><a href="#" style="float: left;">Home</a></li>
          <?php
            if($_SESSION){
                ?> <li><a href="#" style="float: left; border-right: 1px solid #ccc;">Logout</a></li> <?
            }else{
                ?> <li><a href="#" style="float: left;">Login</a></li>
                   <li><a href="#" style="float: left; border-right: 1px solid #ccc;">Signup</a></li>
                <?
            }
          ?>
       </ul>
    </div>

    <img style="margin-left: 650; z-index: 9;" src="includes/logo/diagram_v2_22.png">

    <div id="nav">
       <ul> 
          <li><a href="#" style="float: left">XBOX360</a></li>
          <li><a href="#" style="float: left">XBOX1</a></li>
          <li><a href="#" style="float: left">PS3</a></li>
          <li><a href="#" style="float: left; border-right: 1px solid #ccc;">PS4</a></li>
       </ul>
    </div>
</body>













没有浮动：居中。使用类似以下内容：
#nav ul li，#nav3 li{显示：内联块；}
#导航ul{文本对齐：居中；}

提琴：看来是花车把你搞砸了。你，我的朋友，是个漂亮的人。非常感谢你！完成。谢谢你的帮助。