CSS圖片居中加適應(yīng)在網(wǎng)站開發(fā)中，圖片作為展示信息的一種形式經(jīng)常被使用。為了突出圖片的效果，通常需要將圖片居中顯示并適應(yīng)各種不同的設(shè)備分辨率。CSS提供了多種設(shè)置圖片居中和適應(yīng)的方法，下面將分別進(jìn)行介紹。

一、圖片居中

方法一：使用text-align:center

img{
display:block;
margin:0 auto;
}

方法二：使用Flexbox布局

.container{
display:flex;
justify-content:center;
align-items:center; 
}
.container img{
max-width:100%;
}

二、圖片適應(yīng)

方法一：使用max-width

img{
max-width:100%;
}

方法二：使用background-image屬性

div{
background-image:url(image.jpg);
background-size:cover;
background-position:center;
}

以上是常用的圖片居中和適應(yīng)的CSS方法，不同網(wǎng)站和頁面需要根據(jù)實(shí)際需要進(jìn)行選擇和調(diào)整。掌握這些方法可以幫助開發(fā)人員在實(shí)現(xiàn)界面美化的同時(shí)提高代碼效率。