在CSS中，我們可以使用多種方法將文字居中顯示在div中，同時(shí)保持圖片的位置，以下是一些常用的方法：

1、使用flexbox布局

Flexbox是一種靈活的布局方式，可以輕松實(shí)現(xiàn)文字居中顯示，我們可以將div設(shè)置為flex容器，并使用justify-content和align-items屬性將文字居中。

.div {
  display: flex;
  justify-content: center;
  align-items: center;
}

2、使用grid布局

Grid布局也是一種可以實(shí)現(xiàn)文字居中顯示的方法，我們可以將div設(shè)置為grid容器，并使用justify-content和align-items屬性將文字居中。

.div {
  display: grid;
  justify-content: center;
  align-items: center;
}

3、使用text-align屬性

除了上述兩種方法外，我們還可以使用text-align屬性將文字居中顯示。

.div {
  text-align: center;
}

這種方法可以將div中的文字水平居中顯示，如果需要垂直居中顯示，可以結(jié)合使用line-height屬性進(jìn)行調(diào)整。

.div {
  text-align: center;
  line-height: 2; /* 假設(shè)div的高度為40px */
}

需要注意的是，在使用這些方法時(shí)，要確保div的寬度和高度足夠大，以便能夠容納圖片和文字，并且保證圖片和文字的位置不會受到其他元素的影響，還需要注意圖片的加載速度和顯示效果，以確保頁面的加載速度和用戶體驗(yàn)。