Html 具有融合行的表

Html 具有融合行的表,html,html-table,Html,Html Table,我需要以下类型的html表格 i、 例如,在第二列中有融合行(一个实体)。基本上,四个未融合的单元格中有文本,融合的单元格中有图像。我该怎么做?如果有一种方法可以避免使用表,那就更好了。您需要在第一行的第二个TD中使用rowspan=“4”属性。e、 g <table> <tr> <td></td> <td rowspan="4"></td> </

我需要以下类型的html表格

i、 例如,在第二列中有融合行(一个实体)。基本上,四个未融合的单元格中有文本,融合的单元格中有图像。我该怎么做?如果有一种方法可以避免使用表,那就更好了。

您需要在第一行的第二个TD中使用rowspan=“4”属性。e、 g

   <table>
       <tr>
         <td></td>
         <td rowspan="4"></td>
       </tr>
       <tr>
         <td></td>
       </tr>
       <tr>
         <td></td>
       </tr>
       <tr>
         <td></td>
       </tr>
   </table>
您可以在中找到有关此布局的一些好建议

或使用引导:

<div class="row">
  <div class="col-md-6">
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
  </div>
  <div class="col-md-6">Your Image Here</div>
</div>

你在这里的形象

我想应该是
行span
。我的意思是,在我的情况下,
rowspan
有效,
colspan
无效。第二,我能做些比使用桌子更好的事情吗?谢谢@Ranveer…这是绝对正确的。我脑子里的东西都歪了。啊!好主意<代码>浮动完全应该可以工作。问题是我的网页响应速度很快(我使用的是Bootstrap3.0)。会不会搞砸了?啊,这会有很大的不同。Bootstrap提供了制作此布局和使其流畅所需的所有东西。您可以嵌套这些网格。只要再把它包成一行,它就可以工作了。如果您已经熟悉在bootstrap中执行此操作,请尝试一下。
    .left{
       float:left;

     }
    .right{
       float:left
     }
<div class="row">
  <div class="col-md-6">
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
  </div>
  <div class="col-md-6">Your Image Here</div>
</div>