-2

我如何使中心像链接都在左侧我希望它们成为网页的中心顶部......有什么帮助吗？我以前做过，但我不记得怎么做

CSS：

body {
    background: #B0FFF5            
}
ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
li
{
    float:left; /*supposed to be there */
}
a:link,a:visited
{
    display:block;
    width:120px;
    font-weight:bold;
    color:#ffffff;
    background-color:#3B5998;
    text-align:center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;
}
a:hover,a:active
{
    background-color:#ffffff;
    color:#3B5998;
}

HTML：

<body>
    <ul>
        <li><a href="index.htm">Home</a></li>
        <li><a href="fbfame.htm">Fb Fame</a></li>
        <li><a href="donate.htm">Donate</a></li>
        <li><a href="https://Facebook.com" target="_blank">Facebook</a></li>
    </ul>
</body>
4

3 回答 3

3

如果您希望按钮对齐，无论窗口大小是多少，都设置一个固定的widthand margin: 0 auto：

ul
{
    width: 512px;
    margin:0 auto;
}

这是一个演示。

或者删除列表项之间的空格（或使用其他技术），将它们设置display为inline-block并给容器一个text-align: center：

ul
{
    margin:0;
    text-align: center;
}
li
{
    display: inline-block;
}

这是一个演示。

于 2013-05-16T23:35:51.290 回答
1 
ul
{
  list-style-type:none;
  margin:0;
  padding:0;

  width: 400px;
  margin: 0 auto;
}

希望这可以帮助。

于 2013-05-16T23:41:53.947 回答
0 
ul
{
width:600px;
list-style-type: none;
margin-left:auto;
margin-right:auto;
padding:0;  
}

我记得该怎么做对不起伙计们

于 2013-05-16T23:36:19.677 回答