[分享]css两张图怎么居中

CSS中的居中是前端开发中一个很常用的技能。在制作网页布局的时候，我们经常会需要把一张图片或一块内容居中显示。作为前端开发者，我们需要知道怎么在CSS中实现图片的居中，下面我们就一起来看看吧。居中方案...

CSS中的居中是前端开发中一个很常用的技能。在制作网页布局的时候，我们经常会需要把一张图片或一块内容居中显示。作为前端开发者，我们需要知道怎么在CSS中实现图片的居中，下面我们就一起来看看吧。

居中方案一：

首先，我们先来看一种比较简单的居中方案。在这个方案中，我们使用 CSS 的 text-align 属性来实现，对于这个属性可以用于许多元素，包括 div 和 body 元素。下面的代码就演示了如何在一个页面中把一张图片居中显示。

 <div style="text-align:center;">
    <img src="image.jpg" alt="Image" />
  </div> 

居中方案二：

在这个方案中，我们将使用 CSS 的 margin 属性来实现。首先，我们设置好图片的宽度和高度，然后设置 margin 属性都为 auto。这样图片就会水平和垂直都居中了。下面是代码演示。

 <style>
     img {
        width: 300px;
        height: 200px;
        display: block;
        margin: auto;
     }
  </style>

  <img src="image.jpg" alt="Image" /> 

以上就是两种常用的 CSS 图片居中方案，根据需要都可以应用到自己的项目中。希望可以对前端开发者们有所帮助。