表格单元格占据HTML中的整个页面

问题描述

我正在尝试建立一个包含6列的表格。我没有添加任何样式,但是所有单元格都占据100%的宽度,从而使表格显示为单列

enter image description here

<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>

解决方法

我找到了解决方案,我使用把手作为视图引擎,并且把手不包含表格样式。它错过了的样式。因此,添加显示:flex可以完成工作