在HTML表中设置colspan

在HTML表中设置colspan,html,css,twitter-bootstrap,html-table,Html,Css,Twitter Bootstrap,Html Table,在计算使用colspan时网格是什么样子时遇到了一些困难,因此我可以均匀地对齐我的项目 HTML 这是干什么的 正如你所看到的,下面的文本每行都被往后推,我不知道为什么。我试着只保留初始值索引,创建,确认,选择作为colspan=4中的唯一项,然后是后面的所有内容 我还提供了引导功能,以防他们使用一些不错的模板。看起来您的表尾有一个放错位置的结束tr标记。 请修复它,然后再次检查布局是否正确显示 您的代码应该是这样的: <table class="table MethodList" ng-

在计算使用colspan时网格是什么样子时遇到了一些困难,因此我可以均匀地对齐我的项目

HTML

这是干什么的

正如你所看到的,下面的文本每行都被往后推,我不知道为什么。我试着只保留初始值索引,创建,确认,选择作为colspan=4中的唯一项,然后是后面的所有内容


我还提供了引导功能,以防他们使用一些不错的模板。

看起来您的表尾有一个放错位置的结束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>

你有一个额外的结束标记:检查它please@Austin您没有额外的关闭标记,而是错误地放置了关闭标记。第二行当前位于第一行内,这是无效的,可能是问题的根源。这不是额外的关闭标记,而是错误放置的关闭标记。第一个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>