css html 表格布局

发布于 2022-09-13 01:21:19 字数 94 浏览 15 评论 0

image.png
三列平分,两列第二列占三分之二,单列占满怎么实现?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

云雾 2022-09-20 01:21:19

td 的 colspan 属性合并列

星星的軌跡 2022-09-20 01:21:19

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

<!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>
瑾夏年华 2022-09-20 01:21:19

element ui 里边表格有类似的可以实现,可以去参考
你也可以直接用合并列:colspan,合并行:rowspan的方法

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文