我有一个并排的多个div的布局,每个div中都会填充随机文本。是否有可能让最高的高度与其他div匹配,无论他们有多少文本?
基本上我需要div为height:auto;
并且让我们说,第二个div有很多文本,它的高度大约是200px,其余的div只有足够的文本使它们的高度大约为100px。而不是200px div是最高的,其余的div延伸以匹配200px div并创建一个统一的外观。
纯粹使用CSS还是需要使用JavaScript?
很抱歉,如果这听起来令人困惑,我会发布一个示例图片,但我没有足够的积分(嘘!)
答案 0 :(得分:0)
.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;
}