Как сохранить мат-горизонтальный шаг в центре страницы - PullRequest
0 голосов
/ 27 марта 2019

enter image description here Я использую Angular 6 Mat-Horizontal-Stepper.Я хочу придать ей определенную ширину и сохранить ее в центре страницы.Для mat-Horizontal-Content-Container я могу держать его в центре

.mat-horizontal-content-container 
    text-align: center;
    overflow: hidden;
    padding: 0;

Но как сохранить заголовок к центру страницы. Я пытаюсь это, но это не работает.

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container 
    width: fit-content !important;
    align-items: center;

Может кто-нибудь помочь мне с этим.

1 Ответ

0 голосов
/ 27 марта 2019

Попробуйте с глубоким

  /deep/.mat-horizontal-content-container {
        text-align: center;
        overflow: hidden;
        padding: 0;
    }

Как скоро будет устарел глубокий альтернативный подход к написанию вашего стиля в глобальном CSS-файле, как в style.css

...