CSS中可以使用多種方法將一張圖片固定在中間，其中常見的方法是使用flexbox布局，下面是一個示例代碼，可以將圖片固定在頁面中間：

<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
  <img src="your-image-url" alt="Your Image">
</div>

在這個示例中，div元素使用了display: flex屬性來啟用flexbox布局。justify-content: center屬性將圖片在水平方向上居中，而align-items: center屬性則將圖片在垂直方向上居中。height: 100vh屬性將div元素的高度設置為視口高度的100%，這樣可以確保圖片始終固定在中間，無論視口大小如何變化。

如果你想要將圖片固定在某個特定元素的中間，而不是整個頁面的中間，你可以將div元素的樣式修改為position: relative，然后將圖片設置為position: absolute，并使用top: 50%和left: 50%屬性來將圖片居中：

<div style="position: relative; height: 200px; width: 200px;">
  <img style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" src="your-image-url" alt="Your Image">
</div>

在這個示例中，圖片被設置為***定位，并使用top和left屬性來指定其位置，通過transform: translate(-50%, -50%)屬性將圖片自身居中，以抵消由于***定位而導致的偏移，這種方法可以確保圖片始終固定在某個特定元素的中間，無論視口大小如何變化。