css中怎么让页面居中显示图片

CSS中居中显示图片是网页制作中常用的布局方式，可以提高网页的美观度和实用性，让用户更加舒适的使用。

我们可以使用CSS中的布局属性来实现图片的居中显示。下面我们介绍几种实现方法。

方法一：使用text-align属性

img{
    text-align:center;
} 

方法二：使用margin属性

img{
    margin:0 auto;
} 

方法三：使用position属性

.container{
    position:relative;
}
img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
} 

方法四：使用flex属性

.container{
    display:flex;
    justify-content:center;
    align-items:center;
} 

以上四种方法可以根据实际情况灵活选择，可以根据具体需求选择合适的方法。