关于CSS：如何在div标签内居中放置按钮，以使其对Angular 8中的切换设备工具栏做出响应

How can i center a button inside of a div tag, to make it responsive for toggle device toolbar in Angular 8

我有以下问题：我有一个，并且该标签内有一个按钮，但是我不能在内垂直和水平地将按钮居中，我也希望按钮在电话中居中我看到了它toggle device toolbar

真的不知道如何解决它，我是新使用Angular

在下面，我将让我的中具有按钮的代码，按钮如何显示的图片 enter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
<button mat-menu-item [routerLink]="'/'">
<mat-icon>dialpad</mat-icon>
<span>Inicio</span>
</button>
<button mat-menu-item [routerLink]="['/nosotros']">
<mat-icon>voicemail</mat-icon>
<span>Nosotros</span>
</button>
<button mat-menu-item [routerLink]="['/contacto']">
<mat-icon>notifications_off</mat-icon>
<span>Contacto</span>
</button>
</mat-menu>
<button class="mat-button col-xs-3" (click)="nav_bar=!nav_bar">
<img src="./assets/icons/baseline_visibility_white_18dp.png" class="mdc-icon-button__icon"/>
</button>

这不是一个棱角分明的东西，而是一个html / css东西。如果要使用引导程序，则可能需要检查一下网格文档，以更好地熟悉它的工作原理以及实用程序类。像这样的东西可能会是您正在寻找的东西。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
<button mat-menu-item [routerLink]="'/'">
<mat-icon>dialpad</mat-icon>
<span>Inicio</span>
</button>
<button mat-menu-item [routerLink]="['/nosotros']">
<mat-icon>voicemail</mat-icon>
<span>Nosotros</span>
</button>
<button mat-menu-item [routerLink]="['/contacto']">
<mat-icon>notifications_off</mat-icon>
<span>Contacto</span>
</button>
</mat-menu>
<button class="mat-button mx-auto" (click)="nav_bar=!nav_bar">
<img src="./assets/icons/baseline_visibility_white_18dp.png" class="mdc-icon-button__icon"/>
</button>