html - ion-align-items 类不居中 ionic HTML 元素
问题描述
我想在 ion-card 中居中放置一个 ion-img
HTML:
<ion-grid>
<ion-row >
<ion-col size="12" class="ion-justify-content-center">
<ion-card button="true">
<ion-card-content class="ion-align-items-center">
<!--center this image-->
<ion-img src='./assets/images/souscription-assuré.svg' ></ion-img>
<!--center this image-->
<h3 class='ion-text-center'>J'ai déjà une assurance</h3>
</ion-card-content>
</ion-card>
</ion-col>
</ion-row>
</ion-grid>
社会保障体系:
ion-img{
height: 20vh;
width: 20vh;
display: block;
}
我使用了 ionic 预先构建的 css 类 ion-align-items-center 和 ion-justify-content-center 但它还没有居中
解决方案
您只需要将margin: auto;
ion-img css 放入。
推荐阅读
- javascript - 使用 javascript XMLHttpRequest 将数据(图像和其他一些参数)发送到 php
- gcloud - 部署到 gcloud 会产生可怕的构建错误
- bash - 检查bash中文件名的最后一个字符
- python - 对导入模块感到困惑。模块不是从同一文件夹中导入的||?
- python - Tensorflow cuDNN 模型执行的延迟问题
- r - JSON 解析错误:字符串被截断
- python-2.7 - 如何在 Windows 上准确安装 pip,尤其是处理命令提示符的部分?
- wordpress - 购物车上的 Woocommerce 价格错误
- swift - 尝试将时间戳从按钮传递到嵌套在 tableviewcell 中的标签
- python - 如何通过在熊猫中显示值的标题来绘制值计数?