Html 按钮对齐问题？

我使用一个表和一个div来创建一个居中的按钮组…但是出于某种原因，我的按钮对齐奇怪吗？这里是这个问题的一部分

有没有什么办法可以解决这个问题，我可以添加更多的按钮，并让他们直？ 如果需要更多的代码，请问我，我会发布它

这是我的html：

 <div align = "center" class="bdy">

        <table class="wrapper">

            <tr>

                <td>

                    <button type="button">Services</button>

                    <br>

                    <button type="button">Live</button>

                </td>


            </tr>

        </table>

    </div>​

服务


居住
​

---

我的CSS正在处理中

去掉按钮之间的

为我修复了它。

我通过删除按钮之间的空白来修复对齐，但这不是正确的方法

固定版本（仅供参考）：

表格不应用于布局按钮

div align=center

不推荐使用<代码>
不应用于此类型的格式化目的

如果您想要一个开箱即用的示例/解决方案，这里有一些非常好的示例和模板

或者，这里有一个简单的模板，您可以从该模板开始，将按钮列表居中：

HTML

---

​

您可以在该td中添加另一个表格，在新表格中，您可以放置这两个按钮您给出的

边距：0

在按钮css和

上。按钮集ul li{margin:0}

只需将表格用于表格数据。好的，谢谢，但是有没有办法增加每个按钮之间的间距？我该怎么做？@EliteGamer-其他答案更多地介绍了如何正确使用HTML。桌子并不适合这样做；我自己也倾向于UL，但你可以通过大量的设置来实现。您感兴趣的CSS属性是margin bottom。@EliteGamer-没问题！看看Tim的答案-它看起来正是你想要的。哈，好吧，是使用中心标签，然后我被告知使用align=“center”Tim-即将发布类似的解决方案。Elite-tables不应该用于此。嘿，我像子弹一样得到此列表，并且它没有居中…如何修复它？子弹不会显示在JS Fiddle中，因为它们使用重置样式表。如果不使用重置，则需要手动删除项目符号。示例/小提琴已更新。您以前收到过警告。停止包含聊天网站的链接。

<div class="button-set">
    <ul>
        <li><button type="button">Services</button></li>
        <li><button type="button">Live</button></li>
    </ul>
</div>

.button-set {
   width: 300px;
   margin: 0 auto; /* this centers the element */       
}

.button-set UL {
    list-style: none; /* removes bullets */  
}

/* this controls spacing between adjacent buttons */
.button-set LI + LI {   
    margin-top: 4px;
}

/* width: 100% is needed...everything else is optional */
BUTTON {
    width: 100%;
    border: 1px solid #000;
    padding: 4px;
    border-radius: 4px;
    color: #fff;
    background-color: #006DCC;
}