CSS圖文對齊是網頁設計中非常重要的一個方面。它可以使網頁的排版更加美觀、整潔，同時也能提高閱讀體驗。在這篇文章中，我們將介紹一些常見的CSS圖文對齊技巧。 第一種技巧是使用text-align屬性。這個屬性可以控制元素內文本的對齊方式。比如說，如果想要讓一段文字居中對齊，可以在其父元素上添加text-align:center的樣式。

p {
text-align: center; /* 水平居中對齊 */
}

第二種技巧是使用vertical-align屬性。這個屬性可以控制元素內垂直方向上的對齊方式。比如說，如果想要讓一張圖片和一段文字垂直居中對齊，可以設置它們的vertical-align屬性為middle。

img, p {
vertical-align: middle; /* 垂直居中對齊 */
}

第三種技巧是使用float屬性。這個屬性可以讓元素在父元素中浮動。比如說，如果想要讓兩個元素并排顯示，可以將它們的float屬性設置為left或者right。

div {
overflow: auto; /* 清除浮動 */
}
img {
float: left; /* 左浮動 */
}
p {
float: right; /* 右浮動 */
}

第四種技巧是使用display屬性。這個屬性可以改變元素的顯示方式。比如說，如果想要讓一個元素變成塊級元素，可以將其display屬性設置為block。

span {
display: block; /* 變為塊級元素 */
}

最后，需要注意的是，在進行CSS圖文對齊的時候，需要注意各個元素的大小、位置、以及其他樣式的影響。只有在綜合考慮這些因素之后，才能得到一個完美的網頁設計。