網頁設計中，對齊方式是非常重要的一部分。對于圖片、文本的對齊方式，CSS提供了多種選擇。下面將詳細介紹幾種常用的對齊方式：

圖片對齊方式

img {
display: block; /* 讓圖片變成塊級元素 */
margin: auto; /* 自動居中 */
}

用CSS實現圖片的居中對齊可以采用上述代碼，將<img>標簽變成塊級元素，使用display: block;來實現，然后使用margin: auto;來實現水平居中。

文本對齊方式

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

對于文本的居中對齊，使用text-align: center;即可實現。

圖文對齊方式

div {
display: flex; /* 使用flex布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

對于圖文的居中對齊，可以采用上述代碼，使用flex布局，將<div>標簽變成塊級容器，通過justify-content: center;實現水平居中，align-items: center;實現垂直居中。