在Web開發中，我們經常需要將圖片和文本居中對齊。為此，我們可以使用CSS來實現這個效果。 首先，讓我們來看一下如何讓圖片居中對齊。 如果我們要讓一張圖片居中顯示，我們可以在CSS中設置其margin屬性值為“auto”。例如：

img {
display: block;
margin: auto;
}

上面的代碼將把圖片設置為塊級元素，并且讓它在水平方向上居中對齊。 如果我們要讓圖片在垂直方向上也居中對齊，可以使用以下代碼：

.parent {
display: flex;
align-items: center;
}
img {
margin: 0 auto;
}

上面的代碼將把圖片的外層容器設置為彈性布局，并讓其在垂直方向上居中對齊。然后，我們將圖片的margin屬性設置為“0 auto”，這將使其在水平方向上居中對齊。 接下來，讓我們來看一下如何讓文本居中對齊。 如果我們要讓一段文本居中顯示，可以將文本的外層容器設置為彈性布局，并使用justify-content屬性來指定其在水平方向上的對齊方式。例如：

.parent {
display: flex;
justify-content: center;
}
p {
text-align: center;
}

上面的代碼將把文本的外層容器設置為彈性布局，并讓其在水平方向上居中對齊。然后，我們將文本的text-align屬性設置為“center”，這將使其在垂直方向上居中對齊。 總結一下，我們可以使用CSS來實現圖片和文本的居中對齊，讓我們的Web頁面更加美觀和易讀。