列表中的表格边距

如何解决列表中的表格边距

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

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> 标签中。

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

解决方法

我会为那个 padding 使用 li 来避免边距折叠

,

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

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