ionic-3 Winkel-Ionen-slide vertical align top
Bin ich mit dem ionic-3 ion-slides
und ion-slide
. Das Problem, das ich bin vor ist der Inhalt in der Mitte und ich will, dass es oben ausgerichtet. Code sieht wie folgt aus:
<ion-content padding>
<ion-slides pager>
<ion-slide style="vertical-align:top">
<ion-card padding>
<ion-card-header class="ha-card-header">About you</ion-card-header>
<ion-card-content>
<ion-label>Family Size <ion-badge>{{energyProfile.familySize}}</ion-badge></ion-label>
<ion-item no-padding>
<ion-range [(ngModel)]="energyProfile.familySize" min="0" max="10" step="2">
<ion-icon range-left small name="person"></ion-icon>
<ion-icon range-right name="people"></ion-icon>
</ion-range>
</ion-item>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
<ion-content>
- Kann man machen, plunker aus dieser Situation?
- Kann man es damit versuchen?: <ion-Folie style="height: 100vh;display: block;vertical-align: initial;">
- Check out
centeredSlides
, kippe versuchen Sie es selbst jetzt, aber es sieht aus wie es tut, was Sie wollen. - sollte diese Arbeit basiert auf der Dokumentation, die aber nicht
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie eine css-Regel zu tun:
Standard ist
align-items: center;
.BEARBEITEN:
Vom @Ryan Coolwebs Kommentare: