Html Bootstrap,如何使两个表相同;宽度“;
我有两张这样的桌子: 我希望它们有相同的宽度,我不知道它叫什么,但你可以看到,这些列的宽度不同 以下是我的代码:Html Bootstrap,如何使两个表相同;宽度“;,html,css,twitter-bootstrap,html-table,Html,Css,Twitter Bootstrap,Html Table,我有两张这样的桌子: 我希望它们有相同的宽度,我不知道它叫什么,但你可以看到,这些列的宽度不同 以下是我的代码: <aside> <table class="table table-bordered" style="margin: 0;"> <thead> <tr></tr> <tr></tr> </thead>
<aside>
<table class="table table-bordered" style="margin: 0;">
<thead>
<tr></tr>
<tr></tr>
</thead>
<tbody>
<tr>
<td class="tableHeader">Pilot ID</td>
<td><?php echo 'SAS ' . $results['id'];?></td>
</tr>
<tr>
<td class="tableHeader">First Name</td>
<td><?php echo $results['firstname'];?></td>
</tr>
<tr>
<td class="tableHeader">Last Name</td>
<td><?php echo $results['lastname'];?></td>
</tr>
<tr>
<td class="tableHeader">Age</td>
<td>17</td>
</tr>
<tr>
<td class="tableHeader">Distance Flown</td>
<td>3790 km</td>
</tr>
<tr>
<td class="tableHeader">Flights</td>
<td><?php echo $results['flights'];?></td>
</tr>
<tr>
<td class="tableHeader">Flight Hours</td>
<td><?php echo $results['flighttime'];?></td>
</tr>
</tbody>
</table>
<table class="table table-bordered style="margin: 0;"">
<thead>
<tr></tr>
<tr></tr>
</thead>
<tbody>
<tr>
<td class="tableHeader">737-600</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">737-700</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">737-800</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">A319</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">A320</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">A321</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">A330</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">A340</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">CRJ-900</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">ATR-600</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">717</td>
<td></td>
</tr>
<tr>
<td class="tableHeader">SAB 2000</td>
<td></td>
</tr>
</tbody>
</table>
</aside>
你可以这样做
.table {
table-layout: fixed;
}
您也可以使用
...
...
小提琴:1)分区行
2) 第col-xs-6*2部分
3) 你们的桌子
像这样->
表1
表2
1)div.row//2)div.col-xs-6*2//3)您的表格。。。。像这样->
<table class="table table-bordered" style="margin: 0;">
<col width="100">
<col width="100">
<thead>
...
</thead>
<tbody>
...
</tbody>
</table>
<div class="row">
<div class="col-xs-6">
<table class="table table-bordered" style="margin: 0;">
TABLE 1
</table>
</div>
<div class="col-xs-6">
<table class="table table-bordered" style="margin: 0;">
TABLE 2
</table>
</div>
</div>