一. 取得它们的高度后得到最大高度,然后赋值
var $divClass = $('.className');
var height = 0;
$divClass.each(function () {
if ($(this).height() > height) {
height = $(this).height();
}
});
$divClass.height(height);
二. 使用table的自适应特性 ,每个div都是一个td,td肯定是等高的;
.wrapper{
display: table;
border-spacing: 20px; /* td间的间距*/
}
.wrapper > div {
display: table-cell;
width: 1000px; /*设置很大的宽度,table自动平分宽度 */
border-radius: 5px; /*这里设置圆角就正常了*/
}
三. 给它们加一个父元素,设置display为flex布局;
.fa-wrap{
display:flex;
align-items:stretch;
}