在網(wǎng)頁設(shè)計中，圖片是不可或缺的元素。而如何讓文字與圖片的排版更加優(yōu)美呢？一種常用的方法就是將圖片置于文字下方，本文將介紹使用CSS實現(xiàn)這一效果。

img {
display: block; /*讓圖片變成塊級元素*/
margin: 0 auto; /*居中*/
}
p {
text-align: center; /*讓文字居中*/
}

以上代碼中，我們將圖片的display屬性設(shè)為block，這樣它就變成了塊級元素。然后通過margin屬性讓它居中顯示。為了讓圖片下方的文字也居中，我們設(shè)置了p標(biāo)簽的text-align屬性為center。

當(dāng)然，除了以上的方法，還可以使用flex布局或者絕對定位等方式實現(xiàn)圖片在文字下方的排版效果。但無論用哪種方法，都需要考慮兼容性等問題，并根據(jù)實際情況選擇最合適的方式。