在網頁設計中，文字圖片的水平居中是一種常見的需求。在CSS中，我們可以使用幾種方法實現這種效果。 一種方法是使用text-align屬性。如果我們想要將一個段落中的圖片水平居中，可以設置該段落的text-align屬性為"center"。例如：

p {
text-align: center;
}

這樣，該段落中的所有內容都將水平居中，包括其中的圖片。 另一種方法是使用margin屬性。我們可以為圖片設置一個左右margin值為"auto"，這樣圖片就會自動居中。例如：

img {
margin: 0 auto;
}

注意，這種方法只適用于塊級元素。如果要將一個行內元素如span水平居中，可以將其包裹在一個塊級元素中，然后應用margin屬性。 無論使用哪種方法，都需要確保元素的寬度小于其父元素的寬度。否則，即使元素居中了，它也會溢出其父元素的邊界。 可以通過設置元素的寬度或max-width屬性來解決這個問題。例如：

img {
max-width: 100%;
}

這樣，圖片的寬度將被設置為不超過其父元素的寬度，從而避免任何溢出。 綜上所述，使用text-align屬性和margin屬性都可以實現文字圖片的水平居中。在使用時需要注意元素的寬度限制，以避免溢出。