在CSS中，讓圖片在div中居中是一個(gè)常見的需求，下面是一些方法來實(shí)現(xiàn)圖片在div中的居中顯示：

1、使用flexbox：

Flexbox是一個(gè)強(qiáng)大的布局工具，可以輕松實(shí)現(xiàn)元素的居中，你可以將div設(shè)置為flex容器，然后讓圖片作為flex項(xiàng)居中。

```css

.div {

display: flex;

justify-content: center;

align-items: center;

}

```

2、使用grid布局：

Grid布局也是一個(gè)很好的選擇，它提供了對元素位置和大小的***控制，你可以創(chuàng)建一個(gè)grid，并將圖片放在中心位置。

```css

.div {

display: grid;

place-items: center;

}

```

3、使用text-align：

如果你只是想讓圖片在水平方向上居中，可以使用text-align屬性，這種方法適用于單行文本或圖片。

```css

.div {

text-align: center;

}

```

4、使用margin：

通過給圖片添加相等的左右margin，可以實(shí)現(xiàn)圖片的水平和垂直居中，這種方法適用于已知圖片大小的情況。

```css

.div {

position: relative;

}

.div img {

position: absolute;

left: 50%;

top: 50%;

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

}

```

5、使用position和transform：

通過組合使用position和transform屬性，可以實(shí)現(xiàn)對圖片的***定位和控制，這種方法非常靈活，適用于各種布局需求。

```css

.div {

position: relative;

}

.div img {

position: absolute;

top: 50%;

left: 50%;

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

}

```

選擇哪種方法取決于你的具體需求和布局上下文，希望這些方法能幫助你在CSS中輕松實(shí)現(xiàn)圖片在div中的居中顯示。