在下拉列表中保持子标题的宽度与父标题相同,可以通过以下方式实现:
.dropdown-menu .sub-title {
width: 100%; /* 或者使用百分比,如 width: 80%; */
}
var parentWidth = document.querySelector('.parent-title').offsetWidth;
var subTitles = document.querySelectorAll('.sub-title');
for (var i = 0; i < subTitles.length; i++) {
subTitles[i].style.width = parentWidth + 'px';
}
.dropdown-menu {
display: flex;
flex-direction: column;
}
.sub-title {
flex: 1;
}
以上是一些常见的方法,具体选择哪种方法取决于你的具体需求和实际情况。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云