要使所有行子对象具有相同的高度,可以使用以下方法:
.container {
display: flex;
}
.item {
flex: 1;
}
var items = document.getElementsByClassName('item');
var maxHeight = 0;
for (var i = 0; i < items.length; i++) {
if (items[i].offsetHeight > maxHeight) {
maxHeight = items[i].offsetHeight;
}
}
for (var i = 0; i < items.length; i++) {
items[i].style.height = maxHeight + 'px';
}
以上是两种常用的方法来使所有行子对象具有相同的高度。根据具体的应用场景和需求,选择适合的方法进行实现。
领取专属 10元无门槛券
手把手带您无忧上云