css - 在表格中将无序列表居中

Question

我有这样的代码：

<table>
  <tr>
    <td align="center">
      <ul>
        <li style="float:left;display:inline">Some text</li>
        <li style="float:left;display:inline">Other text</li>
      </ul>
    </td>
  </tr>
</table>

问题是 UL 宽度为 100%，然后所有 UL 都向左对齐。如何将内容集中到 UL 中？我必须有 LI 的那种风格，所以我需要一个适合内容的 UL。

Answer 1

只需"float:left"从您的 li 代码中删除它，因为"display:inline"它本身会为您完成您想要的工作"float:left"。

Answer 2

应该工作的margin:auto风格。<table>而且你不需要align="center"在<td>. 尝试这个：

<table style="margin:auto">
    <tr>
        <td>
            <ul>
                <li style="float:left;display:inline">Some text</li>
                <li style="float:left;display:inline">Other text</li>
            </ul>
        </td>
    </tr>
</table>

Answer 3

您可以尝试将 display:inline 应用于 ul 而不是 li。

无论如何，您将其应用于 li 的原因是什么？这似乎没有必要，因为它们是浮动的，但也许还有另一个原因。