3 4 < head> 5 6 3 4 < head> 5 6
Maison >interface Web >tutoriel HTML >Explication détaillée d'exemples de disposition de table
1. Regardez d'abord l'effet de mise en page avec espacement :
2. Parlez moins et faites plus, regardez simplement le code (il y a des commentaires dans le code)
1 nbsp;html> 2 5 <meta> 6 <meta> 7 <title>有间距的表格布局</title> 8 <style> * { 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 </style> 40 41 42
部门 | 联系方式 | 49
---|---|
综合办公室 | 65892365 35093269(FAX) | 56
党群工作部 | 6065895682 | 61
财务会计处 | 6455216949 | 65
业务监管处 | 6865896474 | 69
指挥中心 | 7265899627 65899367(FAX) | 73
航交所办事处 | 7655130093 63233775(FAX) | 77
政务中心 | 8065355597 65890958(FAX) | 81
上海海事局政务中心 浦东分中心 | 84
50151950 50151952(FAX) | 85
第一执法大队 | 8865892051 | 89
第二执法大队 | 9255899652 55895608(FAX) | 93
第三、第四执法大队 | 9665894772 | 97
高桥石化签证点 | 10058616257 58674012(FAX) | 101
第二执法大队 | 10455899652 55895608(FAX) | 105
第三、第四执法大队 | 10865894772 | 109
高桥石化签证点 | 11258616257 58674012(FAX) |
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!