今天我們來談一下如何使用 CSS 實現文字居中圖片的效果。 首先，我們需要知道在 HTML 中插入圖片的方式，一般是使用 `` 標簽，比如： ```html``` 如果要讓圖片與文字在同一行并居中，我們可以使用 CSS 的 `vertical-align` 屬性。這個屬性可以控制元素的垂直對齊方式，比如讓元素相對于行框的中心點對齊、頂部對齊、底部對齊等。 而要實現水平居中，則需要使用 `text-align` 屬性。它可以控制元素的文本對齊方式，比如讓文本居中、左對齊、右對齊等。 那么，我們將 `vertical-align` 和 `text-align` 屬性結合起來，就可以實現文字居中圖片的效果了： ```css /* 讓圖片與文字在行框中垂直居中對齊 */ img { vertical-align: middle; } /* 讓行框中的文本居中對齊 */ p { text-align: center; } ``` 以上就是使用 CSS 實現文字居中圖片的方法，非常簡單易懂。希望這篇文章能對大家有所幫助，謝謝！