Ausführliche Erläuterung von Beispielen für das Tabellenlayout

1. Schauen Sie sich zuerst den Layouteffekt mit Abstand an:

2. Sprechen Sie weniger und tun Sie mehr, schauen Sie sich einfach den Code an (es gibt Kommentare im 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            

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Beispielen für das Tabellenlayout. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!