1. 程式人生 > >CSS中表示cellpadding和cellspacing的方法

CSS中表示cellpadding和cellspacing的方法

本文和大家重點討論一下用CSS來表示表格的cellpadding和cellspacing方法,表格的cellpadding和cellspacing我們經常會用一定的方式來清除預設樣式,請看下文詳細介紹。

用CSS來表示表格的cellpadding和cellspacing方法

表格的cellpadding和cellspacing我們經常會用如下的方式來清除預設樣式:

引用

  1. <tablecellspacingtablecellspacing="0"cellpadding="0"></table>

很多朋友會說表現在結構中,這樣不符合標準,那如何將這個表現拿出來,有些朋友或許很迷惑。我們可以用table的border-collapse:collapse;屬性來代替cellspacing="0",用th,td的padding:0;屬性來代替cellpadding="0"。

引用

  1. table{  
  2. border-collapse:collapse;  
  3. border-spacing:0;  
  4. }  
  5. th,td{  
  6. padding:0;  
  7. }  

還可以用expression來實現cellpadding="0"的樣式:

引用

  1. table{  
  2. border-collapse:collapse;  
  3. border-spacing:0;  
  4. padd:expression(this.cellPadding=0);  
  5. }  

我們看下《HTML與CSS入門經典(第7版)》一書中對這兩個屬性的描述:

引用

對錶格的設定不僅可以使用style屬性。例如,可用cellpadding和cellspacing屬性來控制表格邊框的間距。cellspacing屬性設定表格邊框之間和表格單元格之間的間距(以畫素為單位);cellpadding屬性設定單元格中的資訊四周的間距(也是以畫素為單位)。如果將cellpadding屬性設定為0,將使表格中的所有資訊儘量接近表格邊框,甚至接觸到邊框。cellpadding和cellspacing屬性讓你能夠全面控制表格的外觀。

注意:雖然在XHTML中仍允許使用cellpadding和cellspacing屬性,但CSS中存在與這兩個屬性等價的樣式屬性padding和border-spacing。然而,當前的網頁瀏覽器對這些樣式屬性的支援不一致,因此建議現在仍使用屬性cellpadding和cellspacing來調整表格的間距。
而《精通CSS》一書中,作者提倡的方法是:

引用

  1. table{  
  2. border-collapse:collapse;  
  3. }  
  4. <tablecellpaddingtablecellpadding="0"></table>

相關推薦

CSS表示cellpaddingcellspacing方法

本文和大家重點討論一下用CSS來表示表格的cellpadding和cellspacing方法,表格的cellpadding和cellspacing我們經常會用一定的方式來清除預設樣式,請看下文詳細介紹。 用CSS來表示表格的cellpadding和cellspacing

CSS first-childlast-child不起作用原因

clas 第一個 元素 col 沒有 XML last 發的 n) 今天開發的時候,發現last-child不起作用,看了下原因順便給自己學習CSS選擇器,我們這裏舉個例子,如下代碼:<div><h1>title</h1> <p&g

css絕對定位相對定位,文檔流的理解

css 定位 相關鏈接:http://blog.csdn.net/libertea/article/details/11662661 今天在這裏看到了關於一個定位的博客,感覺講的挺好的,在這裏分享一下鏈接。css中絕對定位和相對定位,文檔流的理解

JS的toString()valueOf()方法

object div 國標 erro 默認 時間 ror 方法 中國 1、toString()方法:主要用於Array、Boolean、Date、Error、Function、Number等對象轉化為字符串形式。日期類的toString()方法返回一個可讀的日期和字符串。

Java 異常的Exception e的egetMessage()toString()方法的區別

catch area color sys 區別 ssa clas testin tin Exception e中e的getMessage()和toString()方法的區別: 示例代碼1: public class TestInfo { private stati

js的call()apply()方法

-m spa script apply() obj cli nbsp val glob 1.call() 語法:obj1.call(obj2[,param1,param2,...])定義:用obj2對象來代替obj1,調用obj1的方法。即將obj1應用到obj2上。說明:

Java對域靜態方法的訪問不具有多態性

ext 轉型 highlight .get 判斷 fin color icm true 1.將方法調用同方法主體關聯起來被稱為 2.編譯期綁定(靜態)是在程序編譯階段就確定了引用對象的類型 3.運行期綁定(動態綁定)是指在執行期間判斷所引用對象的實際類型,根據其實際的類型調

JS的call()apply()方法區別

prototype 理解 ace attach bdb .html closed mil solid 如 果沒接觸過動態語言,以編譯型語言的思維方式去理解javaScript將會有種神奇而怪異的感覺,因為意識上往往不可能的事偏偏就發生了,甚至覺得不可 理喻.如果在學Java

Python的分片索引方法

python分片和索引本章淺寫 字符串的分片 和索引分片分片就是給定義的字符串中分離出部分內容字符串的分片和索引取第5位字符的值為e註意 給出一個字符串,可輸出任意一個字符,也可從後往前取,是從-1開始的負數; string[0]代表第一個字符,string[-1]為最後一個字符,空格也算一個字符; aa =

PHP的__call__callStatic方法(未看完)

def 不可見 重載方法 varchar baidu value dso argument dom 如何防止調用不存在的方法而出錯,使用__call魔術重載方法. __call方法原型如下: mixed __call(string $name,array $argume

CSS隱藏滾動條的方法

4.0 pan XML 保持 水平 區別 來看 精確 為我 xhtml中隱藏滾動條 在用ie6瀏覽有框架的xhtml頁面的時候,默認會水平和垂直滾動條會一起出現,這是ie6的一個 bug,在firefox上是正常的,出現的原因是其對XHTML 1.0 transition

css單位pxem,rem的區別

選擇 php 長度單位 我們 css3 項目 內核 重新 com 國內的設計師大都喜歡用px,而國外的網站大都喜歡用em和rem,那麽三者有什麽區別,又各自有什麽優劣呢? PX特點 1. IE無法調整那些使用px作為單位的字體大小; 2. 國外

InputStream通過markreset方法重復利用緩存

輸出 string sys 都是 實現 源碼 常用 ges 不支持 通過緩存InputStream可重復利用一個InputStream,但是要緩存一整個InputStream內存壓力可能是比較大的。如果第一次讀取InputStream是用來判斷文件流類型,文件編碼等

理解Java的hashCodeequals 方法

err array size tex nat 什麽 map 交流群 培訓 在Java裏面所有的類都直接或者間接的繼承了java.lang.Object類,Object類裏面提供了11個方法,如下: Java代碼 ```` 1,clone() 2,equals(Obje

urllib模塊parse函數的urlencodequote_plus方法

生成 變化 嘗試 appid 微信 notify 固定 param reat 本來只是向看一下quote_plus的作用,然後發現urlencode方法也是很方便的一個組合字符串的方法首先是介紹一下urlencode,他是將一些傳入的元素使用&串聯起來,效果如下:

【轉】CSS的浮動清除浮動

但是 spa 下拉 而已 ges 推薦 授權 自己的 -c 以下轉自《CSS中的浮動和清除浮動,梳理一下!》 浮動到底是什麽? 浮動核心就一句話:浮動元素會脫離文檔流並向左/向右浮動,直到碰到父元素或者另一個浮動元素。請默念3次! 浮動最初設計的目

cssmax-widthmin-width的應用

htm 之間 ctype pre 分享圖片 整體 說明 ima 圖片 max-width:從字面意思可以看出,是規定元素本身最大寬度,元素本身寬度應小於等於最大寬度值。 min-width:從字面意思可以看出,是規定元素本身最小寬度,元素本身寬度應大於等於最小寬度值。 1、

JAVA關於set()get()方法的理解及使用

當我 一般來說 怎麽 而是 知識 了解 構造 set 今後 https://www.cnblogs.com/fly-sky-han/p/6564439.html 我們先來看看set和get這兩個詞的表面意思,set是設置的意思,而get是獲取的意思,顧名思義,這兩個方法是對

python 的__str__ __repr__方法

創建對象 交互 以及 程序 通過 統一 內部 cal Language 看下面的例子就明白了 class Test(object): def __init__(self, value=‘hello, world!‘): self.data = val