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 @ 2017-09-03 09:55  Mr.yang.localhost  阅读(217)  评论(0)  编辑  收藏  举报