html怎样实现图文混排

文字绕图

如果我们使用正常的，例如：

 TABLE cellpadding= 15 width= 200  TD bgcolor= #EEEEFF IMG src= test.gif hight=60 这里是普通的。国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。 /TD  /TR  /TABLE 

这样的语句中图片比文字高度要高，则文字上部会有空白出现。页面的效果非常不好。如何解决呢？请看这个代码：

 TABLE cellpadding= 15 width= 200  TD bgcolor= #EEEEFF IMG src= test.gif hspace= 1 align= LEFT hight=60 这里是绕排的。国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。 /TD  /TR  /TABLE 

在img这个元素中加入这个属性就可以解决：align= center ,问题就可以解决了。简单吧！至于hspace是定义图片与周围元素的宽度。于是否绕排无关系。

这有是怎么作出来的呢？先看看这个代码：

 table align=left cellspacing=0 cellpadding=0 width=200 border=1  td table align=left cellspacing=0 cellpadding=0 font color=red size= 5 b 在 /b /font /table 国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。（End） /td /tr  /table 

这样的效果又怎么实现呢？

 table align=left cellspacing=0 cellpadding=0 width=200 border=1  td table align=left cellspacing=0 cellpadding=0 font color=red size= 5 b 在 /b /font  /table 国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。（End） /td /tr  /table 

这段代码就说明了，聪明的你一看就知道了，只要把要放大的字放在这个table中就可以了。

相信看了这些案例你已经掌握了方法，更多精彩请关注php 其它相关文章！

相关阅读：

禁止页面缓存有哪些方法

在html里怎么添加flash视频格式(flv、swf)文件

以上就是html怎样实现图文混排的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。