HTML页面中如何实现文字绕排

网络与通信

丁柏栋

在Word中我们知道如何是文字绕排，但在Web页面中如何实现呢？这个就不像Word中那么容易了。但只要使用好HTML的元素一样能达到这样的效果。
本文中所涉及到的技术是通过对HTML代码的元素属性设置以实现需要的效果。这就是说你需要一定的HTML的知识，不过没有关系，这里将告诉你如何实现的，所以不用担心，不会HTML的相关知识一样可以轻松实现。
你也许看过许多杂志的文章在开头的时候，第一个字比较大，然后别的字绕排，以表示文章的开始。在讲述之前我们先来看textround.html这个文件的效果，如（图1）。

图1
图1

看了图应该就明白我要说的“文字绕文字”是什么效果了吧。在讲述如何实现前，先来看textround.html这个文件的代码：






图文绕排的演示







在

这里是使用了“文字绕文字”，看到这个效果你也许就想到了一些杂志中的排版了。由于在这里文字按第一个大号字的高度重新排列，在占满了本来应该空白的一些位置，视觉效果不错。

国
内的VB网站中vbgood以资料量丰富，人气旺而深受程序爱好者的喜欢。其中论坛中高手如云，版主水平颇高等也是吸引编程爱好者的原因。

 ；  ；天极网是国内最大的IT专业网站。



细心的朋友可能已经看到了在“在”这个字的两旁多了这样的代码：“在
”，对了，就是由于将一个文字放在没有设置行和列的表格中，然后把字号设大，就实现了这样的效果。其中所有的表格的属性都可以用到这里来。但要注意：如果用到背景等的属性需要将table的行和列加上，即是这样：“
在
”。
由于表格的常用属性大家都比较熟悉，因此这里就不再具体讲述，可以查看相关书籍。
最后祝大家编写出更多、更好、更适用的效果。希望这些能起到抛砖引玉的作用。