在表格内对齐

Question

好的，所以我的问题如下 - 我在一个表中工作，我有一个日期和时间列，我希望所有时间都保持对齐 - 当有 100 个实例时，它开始看起来非常混乱，就像在下面的例子，因为每次都从不同的地方开始。 我玩过 flex，但它使日期和时间在宽屏显示器上彼此远离，有什么想法吗？

2020 年 2 月 17 日上午 3:24
2019 年 12 月 4 日上午 3:10
2019 年 12 月 3 日下午 12:22

只是一个非常简单的代码示例来演示这一点 ->

<html>
  <body>
    <table width='200px'>
      <tbody>
        <tr>
        <td >Feb, 17, 2020 3:24 am</td> <br/>
        </tr>
        <tr>
        <td>Dec, 4, 2019 3:10 am</td> <br/>
        </tr>
        <tr>
        <td>Dec, 3, 2019 12:22 pm</td>
        </tr>

    </table>
  </body>

</html>

Answer 1

 table { font-family: arial, sans-serif; border-collapse: collapse; width: 300px; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } .time_position { margin-right: 5px; float: left; }

 <table> <tbody> <tr> <td> Feb, 17, 2020 <span class="time_position">3:24 am |<span></td> </tr> <tr> <td>Dec, 4, 2019 <span class="time_position">3:10 am |</span></td> </tr> <tr> <td>Dec, 3, 2019 <span class="time_position">2:22 pm |</span></td> </tr> </table>

我希望这会有所帮助...