CSS是網頁設計中一個非常重要的部分，它可以幫助我們實現各種各樣的效果。其中一個比較常見的需求是把圖片居中顯示，今天我們就來學習一下如何使用CSS來實現這個效果。
首先，我們需要在HTML中添加一個img標簽來插入圖片，然后使用CSS來控制它的居中顯示。在CSS中，我們可以使用以下代碼來實現：

css
img {
display: block;
margin: 0 auto;
}

以上代碼使用了display:block來將圖片轉化為塊級元素，然后使用margin:0 auto來實現水平居中。
除了圖片，我們也可以使用CSS來控制段落的居中顯示。在HTML中，我們使用p標簽來定義段落，在CSS中，我們可以使用以下代碼來實現居中顯示：

css
p {
text-align: center;
}

以上代碼使用了text-align:center來實現段落的居中顯示。
除了圖片和段落，我們還可以使用CSS來控制代碼塊的居中顯示。在HTML中，我們使用pre標簽來定義代碼塊，在CSS中，我們可以使用以下代碼來實現居中顯示：

css
pre {
display: block;
margin: 0 auto;
text-align: left;
}

以上代碼使用了display:block來將pre標簽轉化為塊級元素，然后使用margin:0 auto來實現水平居中。注意，由于代碼塊通常需要左對齊，因此我們還需要設置text-align:left。
總的來說，通過使用以上CSS代碼，我們可以輕松實現圖片、段落和代碼塊的居中顯示。希望本文能夠對大家有所幫助！