Css 如何在我的页面中居中？

我们有一个问题，使页面顶部的按钮块理想地居中

这里是链接

你能给出一个提示，在CSS中如何调整按钮以便在页面的任何分辨率上居中？？？？

---

提前感谢您，因为您有五个

您可以将它们的宽度设置为20%，其中

边距：自动
链接将显示在中间

li {
    margin:0;
    padding:0;
    width:20%;
    float:left;
}
a {
    width:103px;
    margin:auto;
}

给
ul
元素一个宽度-在这种情况下，它将是600px，因为每个按钮有5个按钮*105px宽度和15px边距。移除
ul
上的填充设置和
li
上的左右值设置，并将
ul
元素赋予此样式：

.shortcut-buttons-set {
    margin: 0 auto;
    padding: 0;
    width: 600px;
}

ul.shortcut-buttons-set li {
    float: left;
    font-weight: bold;
    margin: 0 15px 0 0;
    padding: 0 !important;
    text-align: center;
}

此外，您还需要使用
：last child
删除最后15px的边距，以便按钮完全对齐

.shortcut-buttons-set li:last-child {
    margin: 0;
}

考虑到这一点，
ul
的宽度现在应为585px
 将您的UL元件封装在宽度为100%的DIV中

<div style="width: 100%;">
    <ul class="shortcut-buttons-set">
        <li></li>
        <li></li>
        <li></li>
        <li></li>       
     </ul>
</div>

并将属性left:25%和right:25%删除到LI元素

ul.shortcut-buttons-set li{
background:none repeat scroll 0 50% transparent;
float:left;
font-weight:bold;
***left:25%;***
margin:0 15px 0 0;
padding:0 !important;
position:relative;
***right:25%;***
text-align:center;
}

设置了class=“shortcut buttons”的ul继承了一个左填充：40px；尝试在“快捷按钮集”类中覆盖该选项，使用class=“shortcut buttons set”继承左填充：40px；尝试在“快捷按钮集”中覆盖该选项class@thedev当前位置这是正确的答案，请将其作为答案发布，我将投票支持你@格瓦博士：从中继承填充的元素是style.css第236行中的主要内容。@格瓦博士很高兴能提供帮助。。。祝你的项目好运；）@非常感谢大家！！！！！！：last child伪类不兼容将像往常一样与本节中详细介绍的所有浏览器兼容，如果您需要尽可能多的支持，可以将
右边距
切换到
左边距
，并使用
：first child
。当然，这在IE6中仍然不起作用，所以你可以添加一个类来代替。实际上，我不希望li-s带有百分比，因为我认为对于大分辨率，按钮将是丑陋的大。。。或者？按钮只是标签，
宽度不会影响它们。你只需要在它们之间有更多的空间。为什么宽度：一个块元素100%？投票赞成，正如在对问题的评论中所说的那样。：）@6个月后，Bazzz被认为是正确答案。。。太快了。。。幸好天启今天没来
ul.shortcut-buttons-set li{
background:none repeat scroll 0 50% transparent;
float:left;
font-weight:bold;
***left:25%;***
margin:0 15px 0 0;
padding:0 !important;
position:relative;
***right:25%;***
text-align:center;
}