CSS如何将表格居中

我正在为我的客户建立一个WordPress网站，但我在联系页面上遇到了一个小问题

我无法将电话号码和电子邮件放在桌子中央

我尝试了

边距：auto；
文本对齐：表格选择器上的居中

，但在Chrome inspector中进行测试时，它从不从左到中移动

有什么办法帮我吗

下图显示了它的实际外观。我想把号码和邮件放在中间

---

您有一个css规则应用于文档上的所有表：

table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #e9e9e9;
  border-collapse: collapse;
  border-spacing: 0;
}

您需要覆盖宽度规则以在“wpb_包装器”类上自动执行

希望这会有用。

---

注意。

属性

align

可以帮助您直接在html中使用

在html中，您可以替换以下内容：

<table class=" aligncenter" style="height: 89px;" width="192">
<!-- The table -->
</table>

据此：

<table style="height: 89px;" width="192" align="center">
<!-- The table -->
</table>

---

希望这对您有所帮助

您可以在父

表

上添加

文本对齐：居中

，然后在

正文

中显示：内联块

请记住，

文本对齐

将应用

内联

和

内联块

显示元素的对齐

从表的标记中删除表的宽度

把这张桌子包在一个抽屉里

将以下CSS分配给该div：

.div_类{ 宽度：230px；/*或任何适合您的宽度*/ 显示：块； 保证金：0自动25px自动； }

---

将此样式应用于类aligncenter：

.aligncenter {
    display: inline-block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

还有这个给我

tbody
{
  text-align: center;
  display: inline-block;
}

---

你能指定（可能通过截图或其他方式）你找到的最终结果是什么吗？嗨，苏尔！我编辑了我的帖子，添加了一个截图。寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码。虽然您提供了一个，但如果链接无效，您的问题对其他将来有相同问题的SO用户将毫无价值。删除

display:block来自您的类。aligncenter就是这样。谢谢，它工作得很好！：）谢谢你关于文本对齐的注释
tbody
{
  text-align: center;
  display: inline-block;
}