在CSS中,您可以使用float
屬性將圖片放在左邊。float
屬性可以將元素浮動(dòng)到左側(cè)或右側(cè),從而實(shí)現(xiàn)圖片的定位,以下是一個(gè)示例:
img { float: left; }
上述代碼將使得所有的圖片元素都浮動(dòng)到左側(cè),如果您希望特定的圖片放在左邊,可以給圖片添加一個(gè)類名,然后針對(duì)這個(gè)類名使用float
屬性:
.my-image { float: left; }
在HTML中使用這個(gè)類名:
<img class="my-image" src="path-to-your-image.jpg" />
這樣,只有這張圖片會(huì)浮動(dòng)到左側(cè),其他圖片不會(huì)受到影響。
使用float
屬性時(shí)需要注意清除浮動(dòng),避免影響其他元素的布局,可以使用clear
屬性來清除浮動(dòng):
.clear-float { clear: both; }
在HTML中使用這個(gè)類名可以清除浮動(dòng):
<div class="clear-float"></div>