在CSS中，要使圖片在水平和垂直方向上都居中顯示，可以使用以下屬性：

1、水平居中：使用margin: auto;屬性，可以使得圖片在左右兩側都有相同的空間，從而實現(xiàn)水平居中。

2、垂直居中：使用position: absolute;屬性，將圖片的位置設置為相對于其***近的定位祖先元素（如果沒有定位祖先元素，則相對于初始包含塊）的定位，通過top: 50%;屬性將圖片的頂部設置為距離其定位祖先元素的頂部50%的位置，再通過transform: translateY(-50%);屬性將圖片向上移動其自身高度的50%，從而實現(xiàn)垂直居中。

以下是一個示例代碼：

<div style="position: relative; height: 300px; width: 300px;">
    <img style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" src="image.jpg" />
</div>

在這個示例中，圖片被設置為***定位，并且其頂部和左側都設置為50%，然后通過transform屬性調整位置，實現(xiàn)水平和垂直居中，注意，這個示例假設了圖片的大小比包含塊小，如果圖片大小超過包含塊，可能需要額外的處理來實現(xiàn)居中。