1、先看有间距的布局效果：
2、少说多做，直接看代码（代码中有注释）
1 2 5 6 7有间距的表格布局 8 * { 10 margin: 0; 11 padding: 0; 12 } table { 15 width: 500px; 16 margin-top: 30px; 17 border-collapse: separate; 18 /*关键设置：间距5px*/ 19 border-spacing: 5px; 20 /*均匀分布效果*/ 21 table-layout: fixed; 22 } 23 24 table th { 25 height: 44px; 26 font-size: 18px; 27 color: #fff; 28 text-align: center; 29 background-color: #1262a2; 30 } table td { 33 height: 44px; 34 font-size: 16px; 35 color: #000; 36 text-align: center; 37 background-color: #e5e5e5; 38 } 39 40 41 42 44 45 46 47 49 50 51 52 53 54
56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 114
| 部门 | 联系方式 |
|---|---|
| 综合办公室 | 65892365 35093269(FAX) |
| 党群工作部 | 65895682 |
| 财务会计处 | 55216949 |
| 业务监管处 | 65896474 |
| 指挥中心 | 65899627 65899367(FAX) |
| 航交所办事处 | 55130093 63233775(FAX) |
| 政务中心 | 65355597 65890958(FAX) |
| 上海海事局政务中心 浦东分中心 | 50151950 50151952(FAX) |
| 第一执法大队 | 65892051 |
| 第二执法大队 | 55899652 55895608(FAX) |
| 第三、第四执法大队 | 65894772 |
| 高桥石化签证点 | 58616257 58674012(FAX) |
| 第二执法大队 | 55899652 55895608(FAX) |
| 第三、第四执法大队 | 65894772 |
| 高桥石化签证点 | 58616257 58674012(FAX) |
登录后复制
以上就是关于table布局的实例详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3196429.html
