Alignées à la verticale de la colonne dans la ligne Ionique

J'ai le texte suivant ion-view :

<ion-view view-title="Success" ng-controller="successController" class="success-view">
  <ion-content>

    <div class="row row-center">
      <div class="col">

        <h1>Success!</h1>

        <h3>Your login credentials will be SMSed to you shortly</h3>

        <button class="button button-block button-positive" ui-sref="login">
          Okay
        </button>

      </div>
    </div>

  </ion-content>
</ion-view>

Je suis en train de alignées à la verticale que col là, dans l'écran. Maintenant, je comprends que le seul moyen c'est d'aller travailler est si mon row prend 100% de la hauteur. Pourtant, si je vais de l'avant et ajouter style="height: 100%;" à mon row ça ne fonctionne pas, la ligne, la hauteur d'enveloppes encore à son contenu. Même si j'ajoute !important elle n'est pas toujours occupent toute la hauteur de l'écran... des idées?

OriginalL'auteur Tiwaz89 | 2015-08-11

13

Semble Ionique cadre ajoute une classe dynamique scroll emballage de la ligne. Ajouter un height: 100% pour le parent scroll.
```
.row, .scroll {
  height: 100%;
}
```
De sortie:

Ionique Démo

Œuvres perfeclty! Merci. Peut-être que c'est juste moi, mais à partir d'un mobile point de vue je trouve ça plus intuitif si le contenu de la zone de fractionné 100% par défaut.
Oui, j'aurais aimé que trop. Mais il varie d'un des développeurs de point de vue et de manière standard 😉

OriginalL'auteur Manoj Kumar

Vous devez vous connecter pour publier un commentaire.