我正在按照下面的问题向下显示下拉菜单.

Dropdown

如何判断下拉面板是否像下面一样向上.

Upwards

推荐答案

如果你有这样的要求,只需在顶部和底部设置边距,这将确保它无论是向上还是向下,都会得到指定的偏移量!

css margin docs

// apply space based on class
.custom-panel {
  margin: 25px 0px;
}
.custom-panel-2 {
  margin: 30px 0px;
}

// apply globally for all select
.mat-select-panel {
  margin: 25px 0px;
}

stackblitz

Css相关问答推荐

当滚动到页脚时,是否可以隐藏固定元素?

无限交替css动画之间的未知延迟

关闭Superset中的Deck.gl工具提示

将特定样式应用于递归Angular 元素

将鼠标悬停在具有效果的元素上

使用纯 CSS 访问跨度内容并设置其样式

如何取消 CSS 伪类中的属性设置?

如何使用 Cypress 从 React 下拉列表中进行 Select

Angular Material - 将 matsnackbar 置于所有对话框之上

如何使用 Tailwind CSS 稳定 React 中的浮动标签?

Adobe Illustrator 删除我在 svg 图像上的类名.我怎样才能防止这种情况?

CSS动画恢复默认

如何断言 CSS 属性包含Cypress 测试中的一些文本?

flex-start 和基线有什么区别?

如何在连字符 (-) 等特殊字符后分词

svg 背景图像位置始终在 Internet Explorer 中居中,尽管 background-position: left center;

定位背景图片,添加内边距

字体上的 Font-Awesome 错误 404

我应该如何组织我的 CSS 文件的内容?

如何在 CSS 中给出背景图像路径?