rowspan && colspan

> 跨行

复制代码
<html>
<body>

<table width="100%" border="1">
  <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
    <th>col4</th>
  </tr>
  <tr>
    <td rowspan="2">row1_col1</td>
    <td rowspan="2">row1_col2</td>
    <td>1111</td>
    <td>1111</td>
  </tr>
  <tr>
    <td>2222</td>
    <td>2222</td>
  </tr>
</table>

</body>
</html>
复制代码

 > 跨列

 

复制代码
<html>
<body>

<table width="100%" border="1">
  <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
    <th>col4</th>
  </tr>
  <tr>
    <td colspan="2">row1</td>
    <td colspan="2">row1</td>
  </tr>
  <tr>
    <td>1111</td>
    <td>1111</td>
    <td>2222</td>
    <td>2222</td>
  </tr>
  <tr>
    <td>1111</td>
    <td>1111</td>
    <td>2222</td>
    <td>2222</td>
  </tr>
</table>

</body>
</html>

复制代码

 

posted @   Mr.yang.localhost  阅读(219)  评论(0)  编辑  收藏  举报
点击右上角即可分享
微信分享提示