테이블 레이아웃 예시에 대한 자세한 설명

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!