css - 列表中的表格边距

Question

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

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

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

标签： csshtml-tablehtml-listsmargins

Answer 1

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

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