在td表中设置rowspan

时间:2015-12-29 07:17:58

标签: html html5

我想在我的表中创建这样的东西

enter image description here

我尝试使用此代码,但结果远非我想要的结果

<table>
   <tr>
       <td rowspan="3">No</td>
       <td rowspan="3">Item1</td>
   </tr>
   <tr>
       <td>SubItem1a</td>
       <td>Subitem1b</td>
       <td>Subitem1c</td>
   </tr>
   <tr>
       <td>AnotherSub1a</td>
       <td>AnotherSub1b</td>
       <td>AnotherSub1c</td>
   </tr>
</table>

<table>
   <tr>
       <td rowspan="3">No</td>
       <td rowspan="3">Item1</td>
       <td>
          <tr>SubItem1a</tr>
          <tr>Subitem1b</tr>
          <tr>Subitem1c</tr>
       </td>
       <td>
          <tr>AnotherSub1a</tr>
          <tr>AnotherSub1b</tr>
          <tr>AnotherSub1c</tr>
       </td>
    </tr>
</table>

如何将图像存档为图像?

2 个答案:

答案 0 :(得分:1)

现已习惯此代码 rowspan Attribute

<table border="1" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
   <tr>
      <td rowspan="3" align="center">No</td>
      <td rowspan="3" align="center">Item1</td>
      <td>SubItem1a</td>
      <td>SubItem1a</td>
   </tr>
   <tr>
      <td>Subitem1b</td>
      <td>Subitem1c</td>
   </tr>
   <tr>
      <td>AnotherSub1b</td>
      <td>AnotherSub1c</td>
   </tr>
</table>

答案 1 :(得分:1)

这将有助于您将来的参考。

我做了一些例子,希望你能理解什么是rowspan和colspan。

>>> requests.get('https://github.com', verify='/path/to/certfile') 

DEMO