表格中的行距和列距不正确

时间:2019-05-31 10:07:32

标签: html css bootstrap-4

我已经创建了表,但是没有按我的要求创建它。我正在使用引导程序。我使用行跨度和列跨度创建了表格。创建的对象几乎相同,但其中一些行未显示

我要附上图片以供参考。enter image description here

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<table class ="table table-bordered" >
  <tr>
    <th> 8</th>
    <th >8 </th>
    <th> 8</th>
  </tr>
  <tr>
    <td colspan="2"> 8</td>
    <td> 8</td>
    <td rowspan="2">8</td>
  </tr>
  <tr>
    <td>8</td>
    <td>8</td>
  </tr>
</table>

1 个答案:

答案 0 :(得分:2)

please try this code:

<!DOCTYPE html>
<html>
<head> 
  
  </head>
 <body>
   <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<table class ="table table-bordered" >
  
  <tr>
    <th>8</th>
    <th>8</th>
    <th  colspan="2">8</th>
  </tr>
  <tr>
    <td rowspan="2">8</td>
    <td rowspan="2">8</td>
    <td >8</td>
    <td >8</td>
  </tr>
  <tr>
    <td rowspan="2">8</td>
    <td rowspan="2">8</td>
  </tr>
  <tr>
    <td rowspan="2">8</td>
    <td rowspan="2">8</td>
  </tr>
  <tr>
    <td >8</td>
    <td >8</td>
  </tr>  
</table>
   
   
 </body>
</head>  
</html>