Ion-img 在屏幕中心 - Html

在HTML中，Ion-img是一个可重用的图像元素，它可以在屏幕上显示出图片。有时候，我们需要将这个图片元素居中显示在屏幕中间。

以下是一个简单的方法，使用CSS Flexbox将Ion-img居中显示。

<div class="center">
  <ion-img src="your-image-source"></ion-img>
</div>

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

这段代码首先我们创建了一个容器div，并给他一个.center的class。在此类中我们设置了display: flex，这将使得div成为一个Flex容器，进而可以使用Flexbox相关的属性进行布局。接着我们使用justify-content: center和align-items: center将其水平和垂直居中。最后，我们将高度设置为100vh，这将使得div和屏幕高度一致，确保Ion-img也会被居中在屏幕中间。

注意：由于Ion-img元素是Ionic中的元素，我们需要对其进行相应的配置，以确保它能在网页中正常运行。

以上是一个基本的HTML代码片段，将Ion-img居中显示在屏幕中央。可以根据需要来调整或添加其他样式以达到更符合设计要求的效果。