Table 单元格占据整个页面 HTML

Question

我正在尝试构建一个包含 6 列的 table。我没有添加任何样式，但所有单元格占据 100% 宽度，使 table 显示为单列

<table>
  <thead>
    <tr>
      <th>Title 1</th>
      <th>Title 2</th>
      <th>Title 3</th>
      <th>Title 4</th>
      <th>Title 5</th>
      <th>Title 6</th>
    </tr>
  </thead>
  <tbody>
    {{#each projects}}
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      <td>6</td>
    </tr>
    {{/each}}
  </tbody>
</table>

Answer 1

我找到了解决方案，我使用 handlebars 作为我的视图引擎，而 handlebars 不包含 table 样式。它错过了 .所以添加 display: flex 就成功了