Блог

У меня есть этот HTML-код:

 <ion-content>
    <section class='container'>
        ....
    </section>
</ion-content>
  

Я просто хочу, чтобы содержимое было сосредоточено на экране, поэтому я сначала добавил этот css в инспектор.

Я нацелился на основной элемент, и он сработал.

Теперь я добавил этот css в файл scss страницы.

 main {
    display: flex;
    align-items: center;
    justify-content: center;
}
  

Но css не работает. Могу ли я каким-либо образом добавить пользовательский css во <main> внутренний корень ion-content shadow?

Пожалуйста, помогите. Я застрял на этом.

Неважно. Я решил это с помощью этого.

 ion-content::part(scroll) {
    display: flex;
    align-items: center;
    justify-content: center;
}
  

Но если у вас, ребята, есть идея получше, просто поделитесь ею. Спасибо!