1

我有一个并排有多个 div 的布局,并且将在每个 div 中填充随机文本。无论他们拥有多少文本,是否有可能让其他 div 匹配最高的高度?

基本上我需要 divheight:auto;并且可以说,第二个 div 有这么多的文本,它的高度变成了大约 200px,而其余的 div 只有足够的文本来使它们的高度大约为 100px。而不是 200px div 是最高的,其余的 div 扩展以匹配 200px div 并创建统一的外观。

是否有可能纯粹使用 CSS 或者需要使用 JavaScript?

抱歉,如果这听起来令人困惑,我会发布一张示例图片,但我没有足够的分数(嘘!)

小提琴

4

1 回答 1

0

您可以像在这个更新的 Fiddle中一样将它们布置成一张桌子

.container {
    display:table; 
    position:relative; 
    border-spacing:20px;
}
.block {
    display:table-cell;
    position:relative;
    width:190px;
    height:100%;
    background-color:FFF;
    margin:0px;
    padding:10px;
    text-align: center;
    border:solid 1px #CCC;
    font-size:small;
}
于 2013-10-30T12:55:14.757 回答