码迷,mamicode.com
首页 > 其他好文 > 详细

rowspan && colspan

时间:2017-09-03 11:02:04      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:idt   code   src   png   ima   logs   image   跨行   技术   

> 跨行

技术分享

<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>

 

rowspan && colspan

标签:idt   code   src   png   ima   logs   image   跨行   技术   

原文地址:http://www.cnblogs.com/mr-yang-localhost/p/6688158.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!