要使按钮在打开其内容时不会掉下来,可以通过以下几种方式实现:
.button {
overflow: hidden;
/* 其他样式属性 */
}
.button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* 其他样式属性 */
}
var button = document.querySelector('.button');
var content = document.querySelector('.content');
button.style.height = button.offsetHeight + 'px';
content.style.maxHeight = button.offsetHeight + 'px';
content.style.overflowY = 'scroll';
以上是几种常见的解决方案,具体选择哪种方式取决于实际需求和设计风格。对于按钮内容的控制,可以根据具体情况选择合适的方式来实现。
云+社区技术沙龙[第18期]
云+社区沙龙online [技术应变力]
腾讯技术创作特训营第二季第2期
技术创作101训练营
Elastic 中国开发者大会
腾讯位置服务技术沙龙
serverless days
云+社区开发者大会(杭州站)
云+社区技术沙龙[第16期]
Elastic 中国开发者大会
领取专属 10元无门槛券
手把手带您无忧上云