css html 表格布局

三列平分，两列第二列占三分之二，单列占满怎么实现？

前端 vue.js css html

阅读 1.8k

3 个回答

扬帆启航

表格嵌套
参考 https://blog.csdn.net/cb24746...
文档 https://developer.mozilla.org...

<!DOCTYPE html>
<html>
 <head> 
  <style>
    table {  border-collapse: collapse;width:500px;}
    th,td{border: 1px solid #ccc;}    
    th{width:100px;} 
    td > table{border-style: hidden;}
</style> 
 </head> 
 <body> 
  <table> 
   <tbody>
    <tr> 
     <th>姓名</th> 
     <td > </td> 
     <th>姓名</th> 
     <td> </td> 
     <th>姓名</th> 
     <td> </td> 
    </tr> 
    <tr> 
     <td colspan="99"> 
      <table> 
       <tbody>
        <tr> 
         <th>编码</th> 
         <td>80</td> 
         <th>编码</th> 
         <td>80</td> 
        </tr> 
       </tbody>
      </table> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>