要使两个小部件的高度相同,可以采用以下方法:
.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等流行的云计算品牌商。
云+社区开发者大会(苏州站)
云+未来峰会
云+社区技术沙龙[第16期]
云+社区技术沙龙[第11期]
云+社区技术沙龙[第10期]
T-Day
serverless days
Elastic 中国开发者大会
DB TALK 技术分享会
领取专属 10元无门槛券
手把手带您无忧上云