0

我有这个简单的结构：

<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

4

1 回答 1

2

添加以下设置：

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

jsFiddle 演示

于 2013-09-15T12:34:07.827 回答