单元格内表格行的全宽分隔符

Question

我正试图弄清楚如何在单元格内的表的行之间设置分隔符。

这是我的尝试，但正如你所看到的；hola"；以及"；ola"；不是全宽：

table.second {
border-collapse: collapse;
}
table.second td {
border: 1px solid black;
padding: 0;
}
table.second tr:first-child td {
border-top: 0;
}
table.second tr td:first-child {
border-left: 0;
}
table.second tr:last-child td {
border-bottom: 0;
}
table.second tr td:last-child {
border-right: 0;
}

<table style="border: 1px solid black; border-collapse: collapse">
<tr>
<td style="border-right: 1px solid black">
hello
</td>
<td>
<table class="second">
<tr>
<td>
hola
</td>
</tr>
<tr >
<td>
ola
</td>
</tr>
</table>
</td>
</tr>
</table>

我已经将本文的可能性#1用于CSS。

Answer 1

如果您尝试实现"你好"；文本跨越两行，我建议您使用"；rowspan"；而不是嵌套表；

CSS样式是不必要的，因为边框已经在HTML中内联应用了。

<table style="border: 1px solid black; border-collapse: collapse">
<tr style="border-bottom: 1px solid black">
<td rowspan="2" style="border-right: 1px solid black">
hello
</td>
<td>
hola
</td>
</tr>
<tr>
<td>
ola
</td>
</tr>
</table>