Ionic framework 离子幻灯片：垂直对齐幻灯片中心的内容。如何？

我想垂直对齐屏幕中央每张幻灯片上的内容。但似乎没有办法将ion幻灯片的css样式设置为我的内容在中心垂直对齐

我尝试了各种方法，但都没有对幻灯片产生影响

<ion-slide>
 <h2>Date of Birth</h2>
 <p>Please select</p>
 <ion-item>
  <ion-datetime formControlName="birthday" displayFormat="DD- 
  MM-YYYY" picker-format="DD-MM-YYYY" cancelText="Cancel" 
  doneText="Done" placeholder="Day-Month-Year">
  </ion-datetime>
 </ion-item>
</ion-slide>

或者

---

如何覆盖离子幻灯片CSS，使幻灯片的内容完全在屏幕的中间？

确保你的离子幻灯片有足够的高度

ion-slide{ height: 80vh;}

我在

中使用80vh，但在没有

的情况下，您可以使用100vh

如果你还想把它放在中间，你可以用

ion-slide{ 
position: relative; 
top:50%;
transform: translate(0,-50%); 
}

---

确保你的离子载玻片有足够的高度

ion-slide{ height: 80vh;}

我在

中使用80vh，但在没有

的情况下，您可以使用100vh

如果你还想把它放在中间，你可以用

ion-slide{ 
position: relative; 
top:50%;
transform: translate(0,-50%); 
}