校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > HTML表格跨行跨列操作(rowspan、colspan)

HTML表格跨行跨列操作(rowspan、colspan)

熱門標(biāo)簽:電銷外呼線路改不外呼線路 愛巢地圖標(biāo)注 貴陽ai外呼系統(tǒng) 電話機器人批發(fā) 長春極信防封電銷卡公司 智能電銷機器人廣告語 重慶人工智能電銷機器人報價 crm外呼系統(tǒng)好不好 強訊外呼系統(tǒng)

一般使用<td>元素的colspan屬性來實現(xiàn)單元格跨列操作,使用<td>元素的rowspan屬性來實現(xiàn)單元格的跨行操作。

colspan屬性規(guī)定單元格可橫跨的列數(shù),所有瀏覽器都支持colspan屬性。其取值為number,如下圖所示:

例如:

<table border="1">
  <tr>
    <th>星期一</th>
    <th>星期二</th>
  </tr>
  <tr>
    <td colspan="2">星期天</td>
  </tr>
</table>

實現(xiàn)結(jié)果如下圖所示:

rowspan屬性規(guī)定單元格可橫跨的列數(shù),所有瀏覽器都支持rowspan屬性。其取值為number,如下圖所示:

例如:

<table border="1">
  <tr>
    <td rowspan="2">星期一</td>
    <td>星期二</td>
  </tr>
  <tr>
    <td>星期三</td>
  </tr>
</table>

實現(xiàn)結(jié)果如下圖所示:

總結(jié)colspan和rowspan的使用如下:

<table border="1">
  <tr>
    <th colspan="3">物資詳情說明</th>
  </tr>
  <tr>
    <td colspan="2" align="center">數(shù)量(支)</td>
    <td rowspan="2">重量(噸)</td>
  </tr>
  <tr>
    <td>實發(fā)數(shù)</td>    
    <td>實收數(shù)</td>
  </tr>
  <tr>
    <td>12</td>    
    <td>10</td>
    <td>100.00</td>
  </tr>
</table>

實現(xiàn)結(jié)果如下圖所示:

到此這篇關(guān)于HTML表格跨行跨列操作(rowspan、colspan)的文章就介紹到這了,更多相關(guān)HTML表格跨行跨列內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!

標(biāo)簽:廣安 內(nèi)蒙古 吳忠 保定 清遠 上海 陜西 山南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML表格跨行跨列操作(rowspan、colspan)》,本文關(guān)鍵詞  HTML,表格,跨行,跨列,操作,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML表格跨行跨列操作(rowspan、colspan)》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML表格跨行跨列操作(rowspan、colspan)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 额敏县| 崇义县| 喜德县| 桓台县| 井陉县| 张家港市| 西吉县| 吉木乃县| 台前县| 西乌珠穆沁旗| 阳山县| 马关县| 祥云县| 凤台县| 南通市| 江川县| 武邑县| 贵州省| 香格里拉县| 普洱| 洮南市| 青阳县| 万年县| 封开县| 游戏| 桐梓县| 秭归县| 丰都县| 封开县| 屏山县| 陇川县| 沙雅县| 陆河县| 潮安县| 商南县| 石楼县| 依兰县| 栖霞市| 遂平县| 天门市| 高唐县|