標題：CSS將圖片居中顯示

2. 給圖片設置居中顯示的樣式。在CSS代碼中，我們可以使用<style>標簽來設置圖片的居中顯示樣式。例如：

display: block;

margin: 0 auto;

width: 100%;

上述CSS代碼將給圖片設置一個寬度為100%，高度為auto，確保圖片居中顯示。

3. 調整圖片的大小。在CSS代碼中，我們還可以使用<style>標簽來調整圖片的大小。例如：

display: block;

margin: 0 auto;

width: 100%;

height: auto;

max-width: 80%;

上述CSS代碼將給圖片設置一個寬度為100%，高度為auto，最大寬度為80%，最小寬度為0%。這樣，圖片會按照最大寬度顯示，確保居中顯示。

通過上述步驟，我們可以使用CSS將圖片居中顯示。使用上述CSS代碼，圖片將自動調整大小，確保在網頁中居中顯示。這種技巧適用于許多場景，例如網頁導航欄、新聞列表、社交媒體帖子等等。