ionique 3 aligner le centre ion-contenu pour regarder mieux sur les écrans plus larges

Question

J'ai créé mon site en utilisant ionique 3. L'ensemble, il est génial. Cependant, sur des écrans plus larges, toute la page est alignée à gauche ou je devrais dire que les rendus de contenu ionique sont alignés à gauche.

la partie de contenu d'ions ressemble à ci-dessous. s'il vous plaît aviser comment rendre le centre aligné.

<ion-content padding style="max-width:1440px;height:100%;background: url('assets/images/background.png') no-repeat center center;background-repeat:no-repeat;background-size:100% 100%" > 

... 

Answer 1

Vous devez utiliser Ionic Grid system pour that.If vous devez développer des applications sensibles pour tous les périphériques voir les ports alors Grid est le meilleur.

La grille est un puissant système de flexbox mobile d'abord pour construire des configurations personnalisées . Il est fortement influencé par le système de grille de Bootstrap.

Si vous devez centrer quelque chose, vous pouvez le faire comme indiqué ci-dessous.

<ion-content> 
    <ion-grid> 
     <ion-row> 
     <ion-col col-12 col-md-8 offset-md-2> 
      //your content here 
     </ion-col> 
     </ion-row> 
    </ion-grid> 
</ion-content> 

<ion-col col-12 col-md-8 offset-md-2> cela signifie qu'il commencera à utiliser toute la colonne et quand il se déplace à un affichage medium size la colonne échelle à utiliser 8 sur les 12 espaces, avec un offset de 2 espaces, ce qui signifie qu'il être comme ceci: 2 - 8 - 2, donc fondamentalement le contenu sera centered.