Question

我正在使用带有php的bootstrap来完成编码练习。问题要求创建一个包含城市人口的表格。由于某种原因，我的表底部输出了一个我无法解释的额外<td>标签。我通过检查来源知道它。

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<?php  

$cities = array( 
    'ny' => 8175133,
    'la' => 3792621, 
    'chi' => 2695598, 
    'hou' => 2100263, 
    'phi' => 1526006, 
    'pho' => 1445632, 
    'sa' => 1327407, 
    'sd' => 1307402, 
    'dal' => 1197816, 
    'sj' => 945942 
            );
$tot_pop = array_sum($cities);
print "<div class='container'><table class='table'>
<thead>
<tr>
<th scope='col'>Cities</th>
<th scope='col'>Population</th>
</tr>
</thead>";

foreach($cities as $stadt => $pop) {
print "<tbody>
<tr>
<td>$stadt</td>
<td>$pop</td>     
</tr>";

}

print "
<tr>
<td>Total Pop<td>
<td>";
echo $tot_pop;
"</td>
</tr>
<tbody>
</table>
</div>";
?>

enter image description here

Answer 1

Bootstrap没有添加额外的TD，PHP代码是。 <tbody>不应该在城市循环中，它应该在之前。

<td>Total Pop<td>没有正确的结束标记（</td>），而是打开另一个<td>。

为什么bootstrap 4在这里添加额外的标签？

1 个答案: