CSS圖片左浮動顯示的方法

在CSS中，我們可以使用float屬性來讓圖片浮動，如果想要讓圖片左浮動，可以將float屬性設(shè)置為left，這樣，圖片就會向左浮動，直到遇到容器邊界或另一個浮動元素。

下面是一個示例代碼，演示了如何讓圖片左浮動顯示：

HTML代碼：

<div class="container">
  <img class="left-float" src="image.jpg" alt="示例圖片">
  <p>這是一段示例文本，用于演示圖片左浮動顯示的效果。</p>
</div>

CSS代碼：

.container {
  width: 300px;
  height: 200px;
  border: 1px solid #000;
  margin: 0 auto;
}
.left-float {
  float: left;
  margin-right: 10px;
}

在上面的代碼中，我們定義了一個容器div，并設(shè)置了一個寬度和高度，我們將圖片img的float屬性設(shè)置為left，這樣圖片就會向左浮動，為了讓圖片和文本之間有一定的間距，我們還給圖片添加了一個右邊距margin-right。

運行上述代碼后，圖片就會顯示在容器的左側(cè)，并且文本會環(huán)繞在圖片的右側(cè)，這樣，我們就實現(xiàn)了圖片左浮動顯示的效果。