Web前端開(kāi)發(fā)技術(shù)項(xiàng)目教程課件 3.3.2知識(shí)點(diǎn)1表格跨行與跨列操作VIP

表格跨行與跨列操作信息安全技術(shù)應(yīng)用ApplicationofInformationSecurityTechnology《前端技術(shù)開(kāi)發(fā)》前端技術(shù)開(kāi)發(fā)知識(shí)儲(chǔ)備跨列操作1跨行操作201跨列操作前端技術(shù)開(kāi)發(fā)跨列操作前端技術(shù)開(kāi)發(fā)01在實(shí)際應(yīng)用中會(huì)出現(xiàn)不同大小的區(qū)域，那么在編輯表格時(shí)，可合并單元格進(jìn)行跨列或跨行的操作。<td>標(biāo)記中設(shè)置colspan屬性定義縱向跨越單元格的數(shù)量，即列數(shù)。<table>

<tr>

<tdcolspan="value">…</td> …</tr> …</table>跨列colspan<tableborder="1"width="400"height="150"><tralign="center"><tdcolspan="2">1月</td><tdcolspan="2">2月</td></tr><tralign="center"><td>產(chǎn)量</td><td>銷(xiāo)量</td><td>產(chǎn)量</td><td>銷(xiāo)量</td></tr><tralign="center"><td>200</td><td>100</td><td>150</td><td>80</td></tr></table>跨列操作前端技術(shù)開(kāi)發(fā)01注意：第1行上第1個(gè)單元格設(shè)置跨列操作，即該單元格占據(jù)2個(gè)單元格空間，為了保持每行列數(shù)相同，該行上需要?jiǎng)h除1個(gè)單元格。第3個(gè)單元格與第4個(gè)單元格類(lèi)似。02跨行操作前端技術(shù)開(kāi)發(fā)跨行操作前端技術(shù)開(kāi)發(fā)02<td>標(biāo)記中設(shè)置rowspan屬性定義橫跨單元格的數(shù)量，即行數(shù)。<table><tr> <tdrowspan="value">…</td></tr><tr>…</tr>…</table>跨行rowspan跨行操作前端技術(shù)開(kāi)發(fā)02注意：第1行上第1個(gè)單元格設(shè)置跨行操作，即該單元格占據(jù)第2行上的空間，為了保持每行列數(shù)相同，第2行也需要?jiǎng)h除1個(gè)單元格。第3行上第1個(gè)單元格類(lèi)似。<tableborder="1"width="400"height="150"><tralign="center"><tdrowspan="2"></td><tdcolspan="2">1月</td></tr><tralign="center"><td>產(chǎn)量</td><td>銷(xiāo)量</td></tr><tralign="center"><tdrowspan="2">A產(chǎn)品</td><td>200</td><td>100</td></tr><tralign="center"><td>150</td><td>80</td></tr></table>跨行操作前端技術(shù)開(kāi)發(fā)02注意：第1行上第1個(gè)單元格設(shè)置跨行跨列操作，即該單元格占據(jù)第2行第2列上的空間，然后第2行和第2列上刪除對(duì)應(yīng)的單元格。<tableborder="1"width="400"height="150"><tralign="center"><tdrowspan="2"colspan="2">產(chǎn)品及型號(hào)</td><tdcolspan="2">1月</td></tr><tralign="center"><td>產(chǎn)量</td><td>銷(xiāo)量</td></tr><tralign="center"><tdrowspan="2">A產(chǎn)品</td><td>B型號(hào)</td><td>200</td><td>100</td></tr><tralign="center"><td>C型號(hào)</td><td>150</td><td>80</td></tr></table>小結(jié)前端技術(shù)開(kāi)發(fā)03單元格合并方式:跨行合并跨列合并合并單元格流程:首先,確定合并單元格類(lèi)型,是跨行合并還是跨列合并;然后,根據(jù)從上到下,從左到右的順序,找到要設(shè)置rowspan或colspan屬性的目標(biāo)單元格;跨行合并:按照從上到下的順序進(jìn)行合并,最上方的單元格是目標(biāo)單元格;跨列合