列表中的表格边距答案

【问题标题】：table margins in a list列表中的表格边距
【发布时间】：2021-02-12 12:17:41
【问题描述】：

在以下示例中，我想为表格设置上下边距：

li table {
  margin: 12px 0;
}

<ul>
  <li>
    <table>
      <tr>
        <td>...</td>
      </tr>
    </table>
  </li>
</ul>

我尝试了一个通用规则，例如：li table { margin: 12px 0; } 甚至是像.breath { margin: 12px 0; }这样的特定样式，然后添加到<table>标签。

没有工作。有什么建议吗？

【问题讨论】：

【解决方案1】：

我会使用padding 代替li，以避免折叠边距

【讨论】：

【解决方案2】：

表格默认显示为display:table，尝试使用inline-table

li table {
  display: inline-table;
  margin: 12px 0;
}

【讨论】：