<分区>
我正在尝试使用 flex box 将图像垂直居中。
这是我的代码:
<ion-grid>
<ion-row>
<ion-col>
<div class="logo-part">
<img id="logo" src="assets/logo/logo.png" alt="img-logo">
<ion-title>Service at your fingertips!</ion-title>
</div>
</ion-col>
</ion-row>
</ion-grid>
CSS:
ion-content ion-grid {
height: 100%;
}
ion-content ion-row{
height: 50%;
}
div.logo-part {
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
img{
width:25%;
text-align:center;
}
图片没有垂直居中!
有什么帮助吗？
谢谢。