[技术]一段简单的css代码实现图文环绕效果

 2016-02-13 17:02:49   评论   1,000次浏览

我们在浏览很多新闻门户类的网站时会发现一些图文环绕效果,很多人在使用很多table标签及其他非常冗杂代码来实现,这里给大家分享一则非常简单的图文环绕效果css代码:

 

图文环绕

 

<div><div style="float:left;height:250px;width:300px;
clear:left;margin:5px 15px 5px 0;"><img src="图片路径"></div>文字部分
</div>

 

上面简单的代码,就可以实现图文环绕效果。

蚂蚁森林为我浇水吧!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: