DIV中的HTML表格未正确对齐文本

Question

我正在尝试将表格单元格中的文本对齐，但由于某种原因，我无法使其正常工作。

这是我的代码看起来像

timeline.json

为什么这不对齐文本？

注意我没有选择使用单独的CSS，它必须是“内联”，如上所述。

Answer 1

这是您的表格，其中包含一行较长的文字。您将看到文本已完全对齐，但表格不是全宽。

<div style="text-align: right;">
  <table>
    <tr>
      <td>15</td>
    </tr>
    <tr>
      <td>20</td>
    </tr>
    <tr>
      <td>Something longer</td>
    </tr>
  </table>
</div>

这是一个使表格全宽的修正。

    <div style="text-align: right;">
      <table width="100%">
        <tr>
          <td>15</td>
        </tr>
        <tr>
          <td>20</td>
        </tr>
        <tr>
          <td>Something longer</td>
        </tr>
      </table>
    </div>

width="100%"是内联的，但不是CSS。如果你想要它，那么这样做：

        <div style="text-align: right;">
          <table style="width:100%">
            <tr>
              <td>15</td>
            </tr>
            <tr>
              <td>20</td>
            </tr>
            <tr>
              <td>Something longer</td>
            </tr>
          </table>
        </div>