在CSS中，您可以使用多種方法將圖片居中于盒子內(nèi)，以下是一種常見的方法：

1、使用flexbox布局：

Flexbox是一種靈活的布局方式，可以輕松實現(xiàn)圖片在盒子中的居中，您可以將盒子的display屬性設置為flex，并使用justify-content和align-items屬性來分別控制水平和垂直方向上的對齊。

```css

.box {

display: flex;

justify-content: center;

align-items: center;

}

```

2、使用grid布局：

Grid布局是另一種實現(xiàn)圖片居中的方法，您可以將盒子的display屬性設置為grid，并使用justify-content和align-content屬性來分別控制水平和垂直方向上的對齊。

```css

.box {

display: grid;

justify-content: center;

align-content: center;

}

```

3、使用position屬性：

您還可以使用position屬性將圖片相對于盒子進行定位，您可以將盒子的position屬性設置為relative，并將圖片的position屬性設置為absolute，然后使用top、right、bottom和left屬性來調(diào)整圖片的位置。

```css

.box {

position: relative;

}

.box img {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

}

```

4、使用transform屬性：

Transform屬性允許您對元素進行旋轉(zhuǎn)、縮放、移動等操作，您可以使用transform屬性來移動圖片到盒子的中心位置。

```css

.box img {

transform: translateX(-50%) translateY(-50%);

}

```

方法都可以實現(xiàn)圖片在盒子中的居中顯示，您可以根據(jù)自己的需求和喜好選擇***適合的方法。