将无序列表居中放在表格中

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

只需从您的li代码中删除"float:left"，因为"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的原因是什么？这似乎是不必要的，因为它们是浮动的，但也许还有其他原因。