css - Angular 中的侧导航面板

Question

我正在尝试添加一个按钮（打开侧面板），但由于某种原因它显示在页面的左上角。我希望它出现在中间（右侧），因此当用户单击它时，面板会显示。我还希望在侧面板打开时放大页面上的当前内容，以便用户能够同时看到面板和当前内容。

你想谈什么的描述

  <div>
    <button mat-button (click)="left.open()">Field Definitions</button>
  </div>

正确的 CSS 是什么？

score 0 · Accepted Answer

我相信您正在寻找这个，它是 Angular Material Documentation 中提供的一个示例。

有几种方法可以定位 sidenav 切换按钮，您可以使用CSS Flexbox或仅float: right向按钮添加属性。我会选择第一种方法并结合使用mat-toolbar.

1 回答 1