用css控制cellspacing、cellpadding

來源:互聯網
上載者:User
用css控制cellspacing、cellpadding歸類: 獻醜IT界 — Silbo @ 3:48 pm

在table
中控制儲存格之間的間距要用到cellspacing、cellpadding,預設情況cellspacing、cellpadding均不為0,但經
常的狀況為了不讓table儲存格之間的間距影響到美觀,我們經常會把cellspacing、cellpadding設定為0,因此經常看到“<
table cellspacing=0
cellpadding=0>”這樣的代碼。這樣做無形中增加了代碼的體積,而且也極其不符合樣式與內容分離的web標準,對於我本人來說也是極其
厭惡這樣的形式的,因此使用css控制cellspacing/cellpadding顯的意義重大了!以下是控制方法:

table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}

第一行控制cellspacing,關鍵是“border-collapse:collapse;”這一句;第二行控制cellpadding,很少人知道控制td吧?:)

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.