Question

我在HTML中有下表，但是这些列根本没有对齐，你可以在这里看到：

这有什么原因吗？

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

的默认行为

列不排列HTML表

1 个答案: