Question

最简单的方法是将表格列放在左侧？即防止列在表格的整个宽度上对齐：

好

| A | B                          |

坏

| A              | B             |

Answer 1

如果没有JS（将第一个td宽度设置为内容长度），则需要使用CSS设置第一个td的宽度。

类似的东西：

<html>
  <head>
    <style>
      .my-table, .my-table td {
        border: 1px solid black; //border set to easily see spacing
      }
      .my-table{
        width: 500px; // initially set table width
      }
      .my-table tr td:first-child{
        width: 20px; //select first td of every row and set width
      }
    </style>
  </head>
  <body>
    <table class="my-table">
      <tr><td>A</td><td>B</td></tr>
    </table>
  </body>
</html>

将实现您的追求。 A 将是一个设置的宽度，而 B 将自然填充其余部分。

最简单的方法将HTML表格列左移

1 个答案: