web-dev-qa-db-ja.com

Ionic 5コンテンツパディングが機能しないのはなぜですか？

Ionic 5にアップグレードすると、Ionic 4：のようにパディング属性が機能しなくなります。

<ion-content color="primary" padding></ion-content>

修正はありますか？

ionic-frameworkionic5
2
Ahmad Abbas
    ion-item {
      --padding-start: 10px;
      --padding-end: 10px;
      --padding-top: 0px;
      --padding-bottom: 0px;
      --inner-padding-top: 0px;
      --inner-padding-bottom: 0px;
      --inner-padding-start: 0px;
      --inner-padding-end: 0px;
      --border-width: 0;
      --inner-border-width: 0;
      --border-color: transparent;
    }
    ion-header {
      --min-height: auto;
    }
0
Mayur Bhesaniya

これを試して、

<ion-content color="primary" class="ion-padding"></ion-content>
0
Bhautik Dobariya

https://ionicframework.com/docs/layout/css-utilities

Ionic Frameworkは、テキストや要素の配置を変更したり、パディングやマージンを調整したりするために任意の要素で使用できるCSSユーティリティクラスのセットを提供します。

0
yatinsingla