使用CSS圖文結合，可以使網頁更加美觀，也更容易閱讀。而居中文字則是網頁設計中不可或缺的一環，下面我們一起來了解它們的實現方法吧。 首先，我們需要在HTML中使用p標簽來分段，并給p標簽設置樣式，告訴瀏覽器該如何顯示文本。比如，我們可以這樣設置：

p {
font-size: 16px;   /* 設置文字大小 */
line-height: 1.5;  /* 設置行高 */
text-align: center; /* 設置文字居中對齊 */
margin: 0 auto;    /* 上下居中且左右居中 */
width: 80%;        /* 設置p標簽的寬度為80% */
}

這樣，我們就可以在p標簽中寫入文本，并將其居中對齊。 接下來，我們可以使用CSS來實現圖文結合效果。比如，我們可以在p標簽中插入一張圖片，讓文字與圖片形成組合效果：

這是一段居中的文字。

通過這樣的設置，我們可以在網頁中實現美觀的圖文結合效果。 最后，我們再來看看如何實現水平居中和垂直居中效果。我們可以將需要居中的元素加入一個父容器，并將其寬高設置為100%，然后使用flex布局來實現居中效果：

.container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.element {
width: 80%;
height: 80%;
text-align:center;
}

這樣，我們就可以實現任意元素的水平居中和垂直居中效果。 總之，CSS圖文結合和文字居中是網頁設計中的兩個重要元素，它們能夠為用戶帶來更好的視覺體驗，也能夠讓網頁更加易于閱讀。我們可以通過設置樣式和布局來實現相關效果，提高網頁設計的水平。