具有流体高度的表格行跨度的 CSS 等效项 [英] CSS Equivalent of Table Rowspan with Fluid Height
问题描述
我正在尝试使用 CSS 完成以下操作:
<tr><td rowspan="2">这一行应该等于坐在右边的 2 行的高度(不允许固定高度).</td><td>这是一些示例文本.以及一些额外的示例文本.</td></tr><tr><td>这是一些示例文本.以及一些额外的示例文本.</td></tr>
我见过的实现此目的的示例使用固定高度或允许内容环绕左列.有没有一种优雅的方式使用 CSS 来实现这一点?
首先,你所做的事情在我看来就像一张桌子,所以你可能需要考虑一下.然而,用 CSS 做它有点棘手(除非你在 CSS 中做表格样式).以下代码有效,但不会使框中的文本垂直居中:
Test2 <div style="width:300px; padding: 2px; border: 1px solid black;"><div style="float:right; width: 100px;"><div style="border: 1px 纯黑色; margin-bottom: 2px;">这是一些示例文本.以及一些额外的示例文本.
<div style="border: 1px solid black;">这是一些示例文本.以及一些额外的示例文本.
<div style="border: 1px 纯黑色; margin-right: 102px;"><div>此列应等于右侧的 2 行的高度(不允许固定高度).