图文混排

css实现html的图文混排

星期五, 十一月 2nd, 2012 | pagemaker | 没有评论

直接上代码吧,看着就明白了

左环绕:<div style="float:left; clear: both;" align="center"><img src=xx.jpg width="600" height="400" alt="1234"><br/>
图像标题</div>
右环绕:<div style="float:right; clear: both;" align="center"><img src="xx.gif" width="176" height="141"><br/>
图像标题</div>
独占一行:<div style="float:none; clear: both;" align="center"><img src="xx.jpg" width="400" height="300"><br/>
图像标题</div>

Tags: , , , ,

Search

文章分类

Links

Meta