在 CSS 中，可以使用居中文本的方法將圖片居中。這種方法可以使用 CSS 的 `margin` 和 `text-align` 屬性來控制。

下面是一個簡單的示例，將一張圖片放在 HTML 頁面的頂部，并將其居中：

```html

<div class="居中">

</div>

在上面的代碼中，我們使用了 `div` 元素來創(chuàng)建一個居中的容器。我們?yōu)槿萜魈砑恿艘粋€ `margin` 屬性，使圖片向右偏移，并將其設置為 `10px`。我們還使用了 `text-align` 屬性，將其設置為 `center`，以將圖片居中。

下面是一個使用不同寬度的圖片來測試不同居中效果的例子：

```html

<div class="居中">

</div>

<div class="居中">

</div>

請注意，如果圖片非常大或非常小，可能會導致圖片在頁面中顯示不居中。在這種情況下，您可以考慮使用其他方式來控制圖片的位置，例如使用 JavaScript 或 jQuery 等 JavaScript 框架來調整圖片的位置。

通過使用 CSS 的 `margin` 和 `text-align` 屬性，可以輕松地將圖片居中，并確保圖片的大小和位置適應您的頁面。