今天我們來講解一下如何使用CSS將圖片居左顯示。 首先，我們需要在HTML中添加一張圖片。這里我們假設圖片的文件名為“example.jpg”。

HTML代碼如下：

<img src="example.jpg" alt="這是一張示例圖片">

現在我們需要使用CSS將這張圖片居左顯示。我們可以使用“float:left;”這個CSS屬性來實現目標。

CSS代碼如下：

img {
float: left;
}

這樣一來，圖片就會按照我們想要的結果居左顯示了。當然，我們還可以通過其他CSS屬性來調整圖片的大小、邊框等屬性。 如果您需要將其他元素（比如一組文字）與圖片進行分列，可以再創建一個div容器，將圖片和其他元素放在不同的div中，然后通過“float:left;”屬性將它們分列。

HTML代碼如下：

<div class="container">
<div class="image">
<img src="example.jpg" alt="這是一張示例圖片">
</div>
<div class="text">
<p>這是一段示例文字。</p>
</div>
</div>

CSS代碼如下：

.container {
width: 100%;
height: auto;
overflow: hidden;
}
.image {
width: 30%;
float: left;
}
.text {
width: 70%;
float: left;
}

在這個例子中，我們創建了一個“container”容器，在其中創建了一個“image”容器和一個“text”容器。圖片被置于“image”容器中，并通過“float:left;”屬性居左顯示。文本被置于“text”容器中。 以上就是關于CSS圖片居左的相關代碼和解釋。希望可以幫助到大家。