在一个锚定项目中将项目彼此定位

Question

如何使用棱角材质工具栏将各个项目彼此下方放置<a></a>？

我想要用户名上方的图标，并且两个项目都需要居中居中，而不是像下面的堆栈闪电中那样彼此相邻：

https://stackblitz.com/edit/angular-djay7v

Answer 1

您几乎可以回答

尝试下面的sidenav-autosize-example.html中的代码

<mat-icon mat-list-icon style="font-size: 150px; height: 150px;color: rgba(244, 92, 27, 0.356);margin: 0 auto;">account_circle</mat-icon> 
   <span style="position:relative;top:75px;right:20px">Current Username</span>
   <a mat-list-item href="#">Link 2</a>
   <a mat-list-item href="#">Link 3</a>
</mat-nav-list>

Live Demo

希望它将解决您的问题