圖片水平垂直居中CSS怎么寫？

在CSS中，我們可以使用多種方法來實(shí)現(xiàn)圖片的水平垂直居中，以下是一種簡單的方法：

1、我們需要創(chuàng)建一個(gè)包含圖片的容器元素，這個(gè)容器元素可以是一個(gè)div或者其他任何可以包含內(nèi)容的元素。

2、我們可以使用CSS的position屬性來設(shè)置圖片的位置，我們可以將position屬性設(shè)置為absolute，這樣圖片就可以被定位到容器的中心位置。

3、我們可以使用top和left屬性來進(jìn)一步調(diào)整圖片的位置，我們可以將top和left屬性都設(shè)置為50%，這樣圖片就會被定位到容器的中心位置，并且不會被其他內(nèi)容所干擾。

4、我們可以使用transform屬性來將圖片旋轉(zhuǎn)到正確的方向，如果圖片是橫向的，我們可以將transform屬性設(shè)置為rotate(-90deg)，如果圖片是縱向的，我們可以將transform屬性設(shè)置為rotate(0deg)。

需要注意的是，以上方法僅適用于現(xiàn)代瀏覽器，因?yàn)橐恍┹^老的瀏覽器可能不支持position、top、left和transform等屬性，在使用這種方法時(shí)，我們需要確保目標(biāo)用戶使用的瀏覽器是支持這些屬性的。