Question

你好，我在离子2应用程序中有一些页面，里面有一个...像这样

<ion-content padding>
  <p>Some text here....</p>
  <p>Some other text here...</p>
  <ion-img width="180" height="180" src="assets/images/goal.jpg"></ion-img>  
  <p>bottom text here...</p>
</ion-content>

我需要看到图像水平居中..我已经测试了一些css但没有运气..我怎么能实现呢？

Answer 1

您可以使用离子CSS utilities通过将属性Error while processing route: ... Assertion Failed: You tried to push data with a type 'anamnese' but no model could be found with that name.应用于要水平居中的元素的父元素来对齐居中。

以下是一个例子：

text-center

在您的情况下，我会将<ion-content text-center> <img src="assets/imgs/logo.png" width="128" /> </ion-content>包裹在<img>中，以便它仅影响图像而不影响<div>元素。

像这样：

<p>

Answer 2

<ion-content text-center>
    <p align="center"><ion-img src="assets/imgs/logo.png" width="128"></ion-img></p>
</ion-content>

如何将图像置于离子2 app

2 个答案: