Выравнивание в таблице - PullRequest
Новая
       53

Выравнивание в таблице

0 голосов
/ 25 февраля 2020

Хорошо, поэтому мой вопрос выглядит следующим образом - я работаю в таблице, в которой у меня есть столбец для даты и времени, и я хочу, чтобы время было выровнено по левому краю - когда есть сотни экземпляров, оно начинает выглядеть действительно загроможденным, просто как в примере ниже, так как каждый раз начинается в другом месте. Я играл с flex, но это делает дату и время далеко друг от друга на широких экранах, есть идеи?

17 февраля 2020 г. 3:24 De c, 4, 2019 3:10 De c, 3, 2019 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>

This image shows the date & time in the menu and the bad formatting present

1 Ответ

1 голос
/ 25 февраля 2020 

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>

Надеюсь, это будет полезно ...

...