img{ float: left; margin-right: 10px; /*这里是为了让文字能够紧贴着图片,加上了一点小的边距*/ }
上面的代码中,使用了float:left;让图片向左浮动。同时,使用了margin-right来增加文字和图片之间的留白。
需要注意的是,在使用float属性后,需要清除浮动。这是因为当一个元素浮动时,会对其他元素的位置产生影响。通常情况下,可以在浮动元素所在的父元素上添加一个clearfix的类,来清除浮动影响:
.clearfix::after{ content: ""; display: table; clear: both; }
上面的代码中,使用了伪元素::after来清除浮动影响。将clearfix类添加到浮动元素的父元素上即可。
综上所述,通过使用float属性和清除浮动,大家可以轻松地实现CSS中图片向左的效果。