テーブルレイアウト例を詳しく解説

1. まずはスペースを入れたレイアウト効果を見てください:

2. 話すことを減らして、コードを見てください (コードにはコメントがあります)

  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            

以上がテーブルレイアウト例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。