Detailed explanation of examples of table layout

1. First look at the layout effect with spacing:

2. Talk less and do more, just look at the code (there are comments in the 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               
  

 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)

116            

The above is the detailed content of Detailed explanation of examples of table layout. For more information, please follow other related articles on the PHP Chinese website!