如何讓圖片居中，是每個網站設計都需要考慮的問題。在CSS中，有多種方法可以讓圖片居中。下面介紹兩種常見的方法。 1.使用text-align屬性 text-align屬性用于水平居中元素，包括文字和圖片。在包含圖片的容器上使用text-align:center，可以實現圖片水平居中。代碼如下：

上述代碼中，p標簽設置text-align:center屬性，使其自身居中。img標簽被包含在p標簽內，因此也會水平居中。 2.使用margin屬性 margin屬性是CSS中一個重要的定位屬性，可以設置元素與周圍元素之間的距離。使用margin:auto屬性可以實現圖片水平和垂直居中。代碼如下：

上述代碼中，p標簽設置margin:0 auto屬性，其中0表示上下方向的距離為0，auto表示左右方向的距離自動平分剩余空間，使容器居中。img標簽被包含在p標簽內，也會居中。 總結 以上兩種方法都可以實現圖片的居中效果，具體實現取決于具體情況。text-align屬性適用于只需要水平居中的情況，而margin屬性可以同時實現水平和垂直居中。希望本文能夠對您的網站設計有所幫助。