要使按钮在打开其内容时不会掉下来,可以通过以下几种方式实现:
.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';
以上是几种常见的解决方案,具体选择哪种方式取决于实际需求和设计风格。对于按钮内容的控制,可以根据具体情况选择合适的方式来实现。
领取专属 10元无门槛券
手把手带您无忧上云