水平居中按钮

【问题标题】：Centering buttons horizontally水平居中按钮
【发布时间】：2016-08-10 09:13:12
【问题描述】：

我到处寻找关于如何对齐我的主页、联系人等按钮的答案，这些按钮位于我的 xhtml 页面底部，我已经尝试了所有我找到的东西，但我就是做不到 :( 我有尝试设置CSS代码，html代码一切，没有任何工作。

【问题讨论】：

粘贴您已经尝试过的代码，这样有人可能会发现其中可能存在错误。
你能给我们你的按钮的html代码吗？

【解决方案1】：

这是一个允许块元素居中的简单设置 (demo)：

HTML

<div id="footer">
    <ul>
        <li><a href="#">Item One</a></li>
        <li><a href="#">Item Two</a></li>
        <li><a href="#">Item Three</a></li>
        <li><a href="#">Item Four</a></li>
        <li><a href="#">Item Five</a></li>
    </ul>
</div>

CSS

#footer {
    text-align: center;
}

ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

ul li {
    background: #eee;
    display: block;
    float: left;
    list-style: none;
    margin: 0 3px;
    padding: 0 10px;
}

/* Add this conditionally for less than IE7 inline-block support
ul {
    display: inline;
    zoom: l;
}
/*

【讨论】：