Angular 如何右对齐角度材质垂直选项卡
我有垂直材质选项卡,如下图所示 我想将这些选项卡定位到右侧,将内容定位到左侧。我该怎么做呢 我已经使用css flex实现了垂直选项卡。(使用下面的css) 我只想把标签放在页面的右边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 {
: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;
}