Vertikal ausrichten-Spalte in der Zeile in Ionic

Habe ich Folgendes 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>

Ich versuche, die vertikal ausrichten, dass col dort in den Bildschirm. Jetzt verstehe ich, dass der einzige Weg dies funktionieren wird, ist, wenn meine row dauert bis 100% der Höhe. Doch wenn ich gehen Sie voran und fügen Sie style="height: 100%;" zu meinem row es funktioniert nicht, die Zeilenhöhe noch umbrochen wird, es ist Inhalt. Auch wenn ich hinzufügen !important es immer noch nicht erstrecken sich über die volle Höhe des Bildschirms... Irgendwelche Ideen?

InformationsquelleAutor | 2015-08-11
  1. 13

    Scheint, Ionic framework fügt eine dynamische Klasse scroll einwickeln der Zeile. Hinzufügen eines height: 100% zu den übergeordneten scroll als gut.

    .row, .scroll {
  height: 100%;
}

    Ausgabe:

    Vertikal ausrichten-Spalte in der Zeile in Ionic

    Ionic-Demo

    • Funktioniert perfeclty! Danke. Vielleicht ist es nur mir, aber von einem mobilen Perspektive ich fände es intuitiver, wenn der content-Bereich überspannt standardmäßig 100%.
    • Ja, ich würde sehr gern zu. Aber es variiert von Entwickler-Sicht und standard Weg 😉
    InformationsquelleAutor Manoj Kumar
Schreibe einen Kommentar