Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何右对齐角度材质垂直选项卡_Angular_Flexbox_Angular Material - Fatal编程技术网

Angular 如何右对齐角度材质垂直选项卡

Angular 如何右对齐角度材质垂直选项卡,angular,flexbox,angular-material,Angular,Flexbox,Angular Material,我有垂直材质选项卡,如下图所示 我想将这些选项卡定位到右侧,将内容定位到左侧。我该怎么做呢 我已经使用css flex实现了垂直选项卡。(使用下面的css) 我只想把标签放在页面的右边 :host /deep/ .mat-tab-group { flex-direction: row; } :host /deep/ .mat-tab-header { border-bottom: none; } :host /deep/ .mat-tab-header-pagination {

我有垂直材质选项卡,如下图所示

我想将这些选项卡定位到右侧,将内容定位到左侧。我该怎么做呢

我已经使用css flex实现了垂直选项卡。(使用下面的css)

我只想把标签放在页面的右边

:host /deep/ .mat-tab-group {
  flex-direction: row;
}
:host /deep/ .mat-tab-header {
  border-bottom: none;
}
:host /deep/ .mat-tab-header-pagination {
  display: none !important;
}
:host /deep/ .mat-tab-labels {
  flex-direction: column;
}
:host /deep/ .mat-ink-bar {
  height: 100%;
  left: 98% !important;
}
:host /deep/ .mat-tab-body-wrapper {
  flex: 1 1 auto;
}