要使两个小部件的高度相同,可以采用以下方法:
.container {
display: flex;
}
.widget {
flex-grow: 1;
}
.container {
display: grid;
grid-template-rows: 1fr 1fr;
}
var widget1 = document.getElementById('widget1');
var widget2 = document.getElementById('widget2');
var maxHeight = Math.max(widget1.offsetHeight, widget2.offsetHeight);
widget1.style.height = maxHeight + 'px';
widget2.style.height = maxHeight + 'px';
以上是三种常用的方法,可以根据具体情况选择适合的方法来使两个小部件的高度相同。
请注意,以上答案中没有提及具体的腾讯云产品和产品介绍链接地址,因为题目要求不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。
领取专属 10元无门槛券
手把手带您无忧上云