在HTML表中设置colspan

Question

在使用colspan确定网格状况时遇到一些麻烦，以便我可以均匀地对齐我的项目。

HTML

<table class="table MethodList" ng-repeat="method in api.methods">
   <tr>
      <td colspan=4 style="font-weight:bold">{{method.name}}</td>
      <td colspan=8>{{method.desc}}</td>
   <tr>
      <td colspan=4></td>
      <td colspan=8 style="background:#E6E6DA">{{method.parameters}}</td>
   </tr>
   <tr>
      <td colspan=4></td>
      <td colspan=8>{{method.additional}}</td>
   </tr>
   </tr>
</table>

这是做什么

正如您所看到的，以下文本被进一步推回每一行，我不知道为什么。我试图保持初始值（索引，创建，确认，选择）作为colspan = 4中的唯一项目，然后是其他所有内容。

如果他们使用了一些不错的模板，我也会包含引导程序。

Answer 1

您的表格末尾看起来错误地关闭了 tr 标记</tr>。 请修复它并再次检查布局是否正确显示

你的代码应该是这样的：

<table class="table MethodList" ng-repeat="method in api.methods">
   <tr>
      <td colspan=4 style="font-weight:bold">{{method.name}}</td>
      <td colspan=8>{{method.desc}}</td>
   </tr>
   <tr>
      <td colspan=4></td>
      <td colspan=8 style="background:#E6E6DA">{{method.parameters}}</td>
   </tr>
   <tr>
      <td colspan=4></td>
      <td colspan=8>{{method.additional}}</td>
   </tr>
</table>