怎麼把圖片居中呢？

這個問題其實很基礎也很簡單，出現這個問題主要還是對html和css學的不是很好，html元素以及css樣式的很多特性不是很熟悉。讓圖片居中的方式有很多，這裡主要說幾個吧，供你參考。

一、圖片在父元素（塊元素）中水平居中

在你這個問題中，你將圖片img元素放在了p標籤裡面，而img元素是一個比較特殊的行內元素，你可以給img元素父元素p新增一個text-align：center。讓img元素在p元素中居中，而p元素是塊元素，可以獨佔一行，在p元素中水平居中了後再效果上也就在整個螢幕中居中了。記住，單詞一定不要寫錯

二、給圖片本身設定樣式讓其水平居中顯示

除了給圖片的父元素設定樣式，讓其水平居中顯示之外，還可以給圖片本身設定樣式，讓其水平居中顯示，但是要注意的是，img原本是一個行內元素，所以要做元素型別的轉換，要將其轉換成塊元素或者行內塊元素。

三、使用定位讓圖片居中

使用定位一定要注意“子絕父相”的原則。關於定位，你可以參考我之前的回答

css position屬性分成什麼意思？

在定位的前提下，還有一種寫法，可以讓元素居中

四、總結

關於圖片以及元素居中的方式有很多種，還有其他的方式可以讓其居中，這裡就不一一闡述了，後期你可以自己去學習掌握並靈活使用。以上這些方式供你參考，希望對你有幫助。