CSS是一種強(qiáng)大的樣式表語(yǔ)言，可以用于為網(wǎng)站添加不同的樣式和布局。在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常需要設(shè)置圖標(biāo)居左，下面將介紹如何使用CSS來(lái)實(shí)現(xiàn)這一功能。

.icon {
display: inline-block; /*將圖標(biāo)轉(zhuǎn)為行內(nèi)塊元素*/
vertical-align: middle; /*垂直居中*/
margin-right: 10px; /*設(shè)置圖標(biāo)和其他內(nèi)容之間的距離*/
}

以上是實(shí)現(xiàn)圖標(biāo)居左的CSS代碼，我們可以通過(guò)以下HTML代碼來(lái)使用它：

<div class="container">
<i class="icon"></i>
<p>這是一段文本</p>
</div>

然后，我們就可以在頁(yè)面上看到一個(gè)圖標(biāo)居左的段落，很簡(jiǎn)單方便。