0514-86177077
9:00-17:00（工作日）
代碼演示 橫向合并：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>演示table標記2--單元格合并</title> <style type="text/css"> td{ text-align: center; } </style> </head> <body> <table border="1" cellspacing="0" width="50%" height="150"> <caption>橫向合并單元格</caption> <!--colspan中必須指定要合并的列數目，是兩列還是三列等等--> <tr> <th colspan="2">姓名和年齡</th> <th>電話</th> </tr> <tr> <td>Jack</td> <td>24</td> <td>1351234567</td> </tr> <tr> <td>Tom</td> <td>22</td> <td>1351234567</td> </tr> <tr> <td>Rose</td> <td>22</td> <td>1351234567</td> </tr> <tr> <td>張三</td> <td>25</td> <td>1351234567</td> </tr> </table> <br/> <table border="1" cellspacing="0" width="50%" height="150">
運行結果：
代碼演示 縱向合并：
<table border="1" cellspacing="0" width="50%" height="150"> <caption>縱向合并單元格</caption> <tr><th>班級</t> <th>姓名</th><th>年齡</th> <th>電話</th> </tr> <tr><td rowspan="2">601班</td> <td>Jack</td> <td>24</td> <td>1351234567</td> </tr> <tr> <td>Tom</td> <td>22</td> <td>1351234567</td> </tr> <!--rowspan中必須指定要合并的列數目，是兩行還是三行等等--> <tr><td rowspan="3">602班</td> <td>Rose</td> <td>22</td> <td>1351234567</td> </tr> <tr> <td>張三</td> <td>25</td> <td>1351234567</td> </tr> <tr> <td>李四</td> <td>25</td> <td>1351234567</td> </tr> </table> </body> </html>
到此這篇關于HTML中table表格拆分合并(colspan、rowspan)的文章就介紹到這了,更多相關table表格拆分合并內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章，希望大家以后多多支持腳本之家！
標簽：上海 陜西 保定 清遠 山南 內蒙古 廣安 吳忠
上一篇：html實現隨機點名器的示例代碼
下一篇：HTML頁面滾動時部分內容位置固定不滾動的實現
Copyright ? 1999-2012 誠信 合法 規范的巨人網絡通訊始建于2005年
蘇ICP備15040257號-8
