我可以知道如何在同一个表中使5列和4列具有相同的宽度吗?

时间:2018-04-19 16:59:21

标签: html twitter-bootstrap html-table

我可以知道如何让这些行具有相同的宽度吗?我尝试了colspan和宽度的百分比,但是当col数等于5时似乎不能正常工作。

<table class="table table-bordered">
<thead>
  <tr>
    <th>Last Name</th>
    <th>First Name</th>
    <th>Middle Name</th>
    <th>Phone</th>
    <th>Email</th>
  </tr>
</thead>
<tbody>
  <tr >
    <td>a</td>
    <td>b/td> 
    <td>c</td> 
    <td>d</td>       
    <td>e</td>
  </tr>
</tbody>
<thead>
  <tr>
    <th colspan="3" style="width: 25%">Street address</th>
    <th colspan="3" style="width: 25%">City</th>
    <th colspan="3" style="width: 25%">State</th>
    <th colspan="3" style="width: 25%">Zip</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td colspan="3" style="width: 25%">f</td>
    <td colspan="3" style="width: 25%">g</td> 
    <td colspan="3" style="width: 25%">h</td> 
    <td colspan="3" style="width: 25%">i</td>       
  </tr>
</tbody>

0 个答案:

没有答案