在CSS中，要使一個浮動的div元素居中顯示圖片，需要結(jié)合使用CSS的浮動（float）和定位（position）屬性，以下是一個示例代碼，展示如何實現(xiàn)這一功能：

1、創(chuàng)建一個HTML文件并添加以下內(nèi)容：

<div class="image-container">
  <img src="your-image-url" alt="Your Image">
</div>

2、在CSS文件中添加以下樣式：

.image-container {
  float: left; /* 或者使用 'right' 來使div在右側(cè)浮動 */
  position: relative; /* 使用相對定位來使圖片在div中居中 */
  width: 50%; /* 根據(jù)需要調(diào)整div的寬度 */
  height: 300px; /* 根據(jù)需要調(diào)整div的高度 */
  margin: 0 auto; /* 使用外邊距來使div在頁面中居中 */
}
.image-container img {
  position: absolute; /* 使用***定位來使圖片在div中居中 */
  top: 50%; /* 根據(jù)需要調(diào)整圖片的上邊緣位置 */
  left: 50%; /* 根據(jù)需要調(diào)整圖片的左邊緣位置 */
  transform: translate(-50%, -50%); /* 使用變換來進一步調(diào)整圖片的位置 */
}

在這個示例中，我們首先創(chuàng)建了一個名為image-container的div元素，并設(shè)置了浮動和相對定位，我們?yōu)?code>image-container中的img元素設(shè)置了***定位和變換屬性，以實現(xiàn)圖片的居中顯示，您可以根據(jù)需要調(diào)整div和img元素的寬度、高度、上邊緣和左邊緣位置，以達到***佳的居中效果。