1、先看有间距的布局效果：
2、少说多做，直接看代码（代码中有注释）
1 <!DOCTYPE html> 2 <html lang="zh">
<head> 5 <meta charset="UTF-8" /> 6
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> 7
<title>有间距的表格布局</title> 8 <style type="text/css">
* { 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 </head> 41 42 <body>
<table> 44 45 <thead> 46 <tr> 47 <th>部门</th>
<th>联系方式</th> 49 </tr> 50 </thead> 51 <tbody> 52
<tr> 53 54 <td>综合办公室</td><br />
<td>65892365<br />35093269(FAX)</td> 56 </tr> 57 <tr> 58 59
<td>党群工作部</td> 60 <td>65895682</td> 61 </tr> 62
<tr> 63 <td>财务会计处</td> 64 <td>55216949</td> 65
</tr> 66 <tr> 67 <td>业务监管处</td> 68
<td>65896474</td> 69 </tr> 70 <tr> 71
<td>指挥中心</td> 72 <td>65899627<br />65899367(FAX)</td> 73 </tr> 74
<tr> 75 <td>航交所办事处</td> 76
<td>55130093<br />63233775(FAX)</td> 77 </tr> 78 <tr> 79
<td>政务中心</td> 80 <td>65355597<br />65890958(FAX)</td> 81
</tr> 82 <tr> 83 <td>上海海事局政务中心<br />浦东分中心 </td> 84
<td>50151950<br />50151952(FAX)</td> 85 </tr> 86 <tr> 87
<td>第一执法大队</td> 88 <td>65892051</td> 89 </tr> 90
<tr> 91 <td>第二执法大队</td> 92
<td>55899652<br />55895608(FAX)</td> 93 </tr> 94 <tr> 95
<td>第三、第四执法大队</td> 96 <td>65894772</td> 97 </tr> 98
<tr> 99 <td>高桥石化签证点</td>100
<td>58616257<br />58674012(FAX)</td>101 </tr>102 <tr>103
<td>第二执法大队</td>104 <td>55899652<br />55895608(FAX)</td>105
</tr>106 <tr>107 <td>第三、第四执法大队</td>108
<td>65894772</td>109 </tr>110 <tr>111
<td>高桥石化签证点</td>112
<td>58616257<br />58674012(FAX)</td>
</tr>114 </tbody>
</table>116
</body>
</html>
Atas ialah kandungan terperinci 关于table布局的实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah atribut Boolean dalam HTML? Beri beberapa contoh.Apr 25, 2025 am 12:01 AMAtribut Boolean adalah atribut khas dalam HTML yang diaktifkan tanpa nilai. 1. Atribut Boolean mengawal tingkah laku elemen dengan sama ada ia wujud atau tidak, seperti dilumpuhkan melumpuhkan kotak input. 2. Prinsip kerja mereka adalah untuk mengubah tingkah laku elemen mengikut kewujudan atribut apabila penyemak imbas. 3. Penggunaan asas adalah untuk menambah atribut secara langsung, dan penggunaan lanjutan dapat dikawal secara dinamik melalui JavaScript. 4. Kesalahan umum adalah tersilap berfikir bahawa nilai -nilai perlu ditetapkan, dan kaedah penulisan yang betul harus ringkas. 5. Amalan terbaik adalah untuk memastikan kod ringkas dan menggunakan sifat Boolean dengan munasabah untuk mengoptimumkan prestasi laman web dan pengalaman pengguna.
Bagaimana anda boleh mengesahkan kod HTML anda?Apr 24, 2025 am 12:04 AMKod HTML boleh menjadi bersih dengan pengesahan dalam talian, alat bersepadu dan proses automatik. 1) Gunakan W3CMarkupValidationService untuk mengesahkan kod HTML dalam talian. 2) Pasang dan konfigurasikan sambungan HTMLHINT dalam visualStudiocode untuk pengesahan masa nyata. 3) Gunakan HTMLTidy untuk mengesahkan dan membersihkan fail HTML secara automatik dalam proses pembinaan.
HTML vs CSS dan JavaScript: Membandingkan Teknologi WebApr 23, 2025 am 12:05 AMHTML, CSS dan JavaScript adalah teknologi teras untuk membina laman web moden: 1. HTML mentakrifkan struktur laman web, 2. CSS bertanggungjawab untuk kemunculan laman web, 3.
Html sebagai bahasa markup: fungsinya dan tujuannyaApr 22, 2025 am 12:02 AMFungsi HTML adalah untuk menentukan struktur dan kandungan laman web, dan tujuannya adalah untuk menyediakan cara yang standard untuk memaparkan maklumat. 1) HTML menganjurkan pelbagai bahagian laman web melalui tag dan atribut, seperti tajuk dan perenggan. 2) Ia menyokong pemisahan kandungan dan prestasi dan meningkatkan kecekapan penyelenggaraan. 3) HTML adalah diperpanjang, membolehkan tag tersuai untuk meningkatkan SEO.
Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan WebApr 19, 2025 am 12:02 AMTrend masa depan HTML adalah semantik dan komponen web, trend masa depan CSS adalah CSS-in-JS dan CSShoudini, dan trend masa depan JavaScript adalah webassembly dan tanpa pelayan. 1. Semantik HTML meningkatkan kebolehcapaian dan kesan SEO, dan komponen web meningkatkan kecekapan pembangunan, tetapi perhatian harus dibayar kepada keserasian penyemak imbas. 2. CSS-in-JS meningkatkan fleksibiliti pengurusan gaya tetapi boleh meningkatkan saiz fail. Csshoudini membolehkan operasi langsung rendering CSS. 3.Webassembly mengoptimumkan prestasi aplikasi penyemak imbas tetapi mempunyai keluk pembelajaran yang curam, dan tanpa pelayan memudahkan pembangunan tetapi memerlukan pengoptimuman masalah permulaan sejuk.
HTML: Struktur, CSS: Gaya, JavaScript: Tingkah LakuApr 18, 2025 am 12:09 AMPeranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML mentakrifkan struktur laman web, 2. CSS mengawal gaya laman web, dan 3. JavaScript menambah tingkah laku dinamik. Bersama -sama, mereka membina kerangka, estetika dan interaktiviti laman web moden.
Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk WebApr 17, 2025 am 12:12 AMMasa depan HTML penuh dengan kemungkinan yang tidak terhingga. 1) Ciri -ciri dan piawaian baru akan merangkumi lebih banyak tag semantik dan populariti komponen web. 2) Trend reka bentuk web akan terus berkembang ke arah reka bentuk yang responsif dan boleh diakses. 3) Pengoptimuman prestasi akan meningkatkan pengalaman pengguna melalui pemuatan imej yang responsif dan teknologi pemuatan malas.
HTML vs CSS vs JavaScript: Gambaran Keseluruhan PerbandinganApr 16, 2025 am 12:04 AMPeranan HTML, CSS dan JavaScript dalam pembangunan web adalah: HTML bertanggungjawab untuk struktur kandungan, CSS bertanggungjawab untuk gaya, dan JavaScript bertanggungjawab untuk tingkah laku dinamik. 1. HTML mentakrifkan struktur laman web dan kandungan melalui tag untuk memastikan semantik. 2. CSS mengawal gaya laman web melalui pemilih dan atribut untuk menjadikannya cantik dan mudah dibaca. 3. JavaScript mengawal tingkah laku laman web melalui skrip untuk mencapai fungsi dinamik dan interaktif.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Dreamweaver Mac版
Alat pembangunan web visual
VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.
Dreamweaver CS6
Alat pembangunan web visual
