table

table總結(jié)

? 1.寬度默認(rèn)由內(nèi)容撐開

? 2.當(dāng)td設(shè)置寬度,內(nèi)容較多的情況下 ,? 寬度不會撐開,撐開段元個(gè)高度。

3.當(dāng)給行列設(shè)置寬高時(shí),余下的尺寸被剩下的行列平均分配。

4.一列的寬度是一致的,任意改變一個(gè)td寬度,這一列所有的td寬度隨之改變。

5.一行的高度是一致的,任意改變一個(gè)td寬度,這一行所有的td高度隨之改變。

table樣式

border??? 邊框

colspan ? 跨列合并

rowspan??? 跨行合并

thead??? 表頭

th???? 行頭

tr????? 行

td????? 單元格

cellpadding???? 單元格內(nèi)容距離離單元格邊界的距離

table-cell ?? 表格單元格

border-sapcing:設(shè)置相鄰單元格的邊框間的距離;

border-collpase:設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框,collapse是合并,separate是默認(rèn)值不合并;

table的可選屬性

width :規(guī)定表格的寬度

height:規(guī)定表格的高度

border :規(guī)定表格邊框的寬度

cellpadding:規(guī)定單元邊沿與其內(nèi)容之間的空白也就是,單元格內(nèi)邊距;

cellspacing:規(guī)定單元格之間的空白;默認(rèn)是2px;

bgcolor:規(guī)定表格的背景顏色;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,153評論 1 92
  • 上節(jié)課,使用table做出了一個(gè)最基本的表格,學(xué)會了設(shè)置表格的屬性,調(diào)整寬度和邊框。這節(jié)課,來學(xué)習(xí)如何更多tabl...
  • table是雙標(biāo)簽,display:table;簡單地表格由一個(gè)table和多個(gè)tr,td,th組成; tr定義表...
    沒_有_人閱讀 448評論 0 2
  • table 表格 雙標(biāo)簽 表格級 寫法 (th表格頭) (單元格) 一個(gè)table標(biāo)簽可以有多個(gè)tr和td標(biāo)簽組成...
    放飛吧自我閱讀 732評論 0 0
  • 財(cái)富目標(biāo):六十天增加6000的現(xiàn)金收入。 +跟業(yè)力伙伴Gigi聊了一下,問她是不是找瑜伽界的網(wǎng)紅寫過推廣,或者做了...
    Annie宋佳閱讀 115評論 0 0

友情鏈接更多精彩內(nèi)容