如何合并html表中的两行_Html_Merge_Row_Html Table

如何合并html表中的两行

html merge

如何合并html表中的两行,html,merge,row,html-table,Html,Merge,Row,Html Table,我想合并表中的2行，我已经合并了2行，但我不知道如何合并表中的第一行和第二行我想在这个方案中合并我的行 |---------------------------| | row1 | |---| |---| cell| row2 | cell |---| |---| | row3 | |---------------

我想合并表中的2行，我已经合并了2行，但我不知道如何合并表中的第一行和第二行

我想在这个方案中合并我的行

|---------------------------|
|            row1           |
|---|                   |---|
cell|        row2       | cell
|---|                   |---|
|            row3           |
|---------------------------|

但我只能这样合并它们

|---------------------------|
|            row1           |
|---|-------------------|---|
cell|        row2       | cell
|---|                   |---|
|            row3           |
|---------------------------|

如果我再次尝试使用rowspan，我不会得到我想要的结果！我的全部代码是：

<!DOCTYPE html>
<html>
<body>
<table border=1px>


<tr class="tr_top" >
    <td colspan = "3"  >1</td>
</tr>

<tr class="tr_middle" >
    <td width=7% style="background-color:transparent;">c</td>
    <td rowspan="2">2</td>
    <td width=7% style="background-color:transparent;">c</td>
</tr>

<tr class="tr_down">
    <td colspan = "3" >3</td>
</tr>
</table>

</body>
</html>


1.
C
2.
C
3.

有人知道吗？比你提前感谢你的帮助

使用下面的代码

<!DOCTYPE html>
<html>
<body>
<table border=1px>


<tr class="tr_top" >
    <td colspan = "3"  >1</td>
</tr>

<tr class="tr_middle" >
    <td width=7% style="background-color:transparent;">c</td>
    <td >2</td>
    <td width=7% style="background-color:transparent;">c</td>
</tr>

<tr class="tr_down">
    <td colspan = "3" >3</td>
</tr>
</table>

</body>
</html>


1.
C
2.
C
3.

使用以下代码

<!DOCTYPE html>
<html>
<body>
<table border=1px>


<tr class="tr_top" >
    <td colspan = "3"  >1</td>
</tr>

<tr class="tr_middle" >
    <td width=7% style="background-color:transparent;">c</td>
    <td >2</td>
    <td width=7% style="background-color:transparent;">c</td>
</tr>

<tr class="tr_down">
    <td colspan = "3" >3</td>
</tr>
</table>

</body>
</html>


1.
C
2.
C
3.

我假设rowspan的工作原理与colspan相同。请注意，如果这是真的，“合并的”

将变成一个

，就像它们对colspan所做的一样。Rowspan和colspan不会“合并”后续的tds，它们只是告诉应用它们的当前tds，以消耗指定的COL/行数的空间

检查此示例以了解rowspan的工作原理：


在表格行中组合单元格-行跨度
幼儿园包括
更友好的
+吊袜带
闪电战包括
闪电战
+克里格

我假设rowspan的工作原理与colspan相同。请注意，如果这是真的，“合并的”

将变成一个

，就像它们对colspan所做的一样。Rowspan和colspan不会“合并”后续的tds，它们只是告诉应用它们的当前tds，以消耗指定的COL/行数的空间

检查此示例以了解rowspan的工作原理：


在表格行中组合单元格-行跨度
幼儿园包括
更友好的
+吊袜带
闪电战包括
闪电战
+克里格

您可以通过html和一些css实现这一点

html

选中此处

您可以通过html和一些css实现这一点

html

检查这里

您是否正在尝试将第一行合并到已经合并的第二行和第三行？是的，这就是我正在尝试的…我正在为您准备一个答案，但在此期间您可能想要签出。这就是我工作的基础。虽然从这一点和我迄今为止所做的判断来看，我不确定你是否能实现你的准确格式非常感谢，我也在处理你给我的材料：）你是否试图将第一行合并到你已经合并的第二行和第三行？是的，基本上这就是我正在尝试的…我正在为你寻找答案，但与此同时，你可能想退房。这就是我工作的基础。尽管从这一点以及我迄今为止所做的尝试来看，我不确定您是否能够实现您的准确格式非常感谢，我也在处理您给我的资料：）谢谢您的回复，但此示例没有合并我的行：/谢谢您的回复，但此示例没有合并我的行：/

table{
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-collapse: collapse;
}

.tr_top{
    border-top: 1px solid black;
}

.tr_down{
    border-bottom: 1px solid black;
}

.tdBorder{
    border: 1px solid black;
}

td{
    text-align: center;
}