html - 未排列 HTML 表格的列

Question

我有下表的 HTML 格式，但各列根本没有对齐，您可以在此处查看:

http://purepremier.com/#/teams

这可能是什么原因？

  <table class="league">
        <thead>
          <tr>
            <th>Pos</th>
            <th>Team</th>
            <th>P</th>
            <th>F</th>
            <th>A</th>
            <th>GD</th>
            <th>Pts</th>
          </tr>
        </thead>
        <tbody>
            <td class="ng-binding">1</td>
            <td class="teams">
                <a href="#/teams/65" ng-click="hidePrefs()" class="ng-binding">
                  Manchester City 
                </a>
            </td>
            <td class="ng-binding">4</td>
            <td class="ng-binding">10</td>
            <td class="ng-binding">0</td>
            <td class="ng-binding">10</td>
            <td class="ng-binding">12</td>
          </tr> 
    <tr ng-repeat="team in teamsList.standing" class="ng-scope">
            <td class="ng-binding">2</td>

            <td class="teams">
                <a href="#/teams/354" ng-click="hidePrefs()" class="ng-binding">
                  Crystal Palace 
                </a>
            </td>
            <td class="ng-binding">4</td>
            <td class="ng-binding">8</td>
            <td class="ng-binding">5</td>
            <td class="ng-binding">3</td>
            <td class="ng-binding">9</td>
          </tr>
............
        </tbody>
      </table>

Answer 1

下面应该可以解决问题

在 app.css 第 921 行更改 display:inline-block;至 display:table-cell;

显示:表格单元格；是 <td> 的默认行为元素