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