html - 显示：表格单元格 - 改变高度？

Question

我有这个简单的结构：

<div class="wrapper">
    <div class="row">
        <div>
            <pre>aaa
                aaa
                aaa 
                aaa
            </pre>
        </div>
    </div>
    <div class="row">
        <div>
            <pre>1
                1
                1
                1
                1
                1
                1
                1
                1
                v
                1
                1
                1
                1
                1
                1
                1
                v
                1
                1
            </pre>
        </div>
    </div>
</div>

该类wrapper有display: table，2个.rowdiv有display: table-row;

在那些 Divs 里面有div一个display: table-cell;

我试图将 div 设置height为虚线，但没有成功。

问题：如何设置虚线 div 的高度？

注意

• 包装器/表格没有固定的高度。
• 我想使用display:table/table-row/table-cell布局。（没有js或绝对位置等）

完整的 Jsbin

Answer 1

添加以下设置：

.row:last-child  > div {
    display: block;
}

jsFiddle 演示