在word中我們知道如何是文字繞排，但在web頁面中如何實現(xiàn)呢？這個就不象word中那么容易了。但只要使用好html的元素一樣能達到這樣的效果。

一般繞排有這樣幾種：文字繞圖，文字繞文字等。我想講的就是這兩種。好吧，開始！



1.文字繞圖



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



<TABLE cellpadding="15" width="200">

<TR>

<TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>這里是普通的。國內(nèi)的VB網(wǎng)站中vbgood以每日更新，資料量豐富，而深受程序愛好者的喜歡。</TD>

</TR>

</TABLE>



這樣的語句中圖片比文字高度要高，則文字上部會有空白出現(xiàn)。頁面的效果非常不好。如何解決呢？請看這個代碼：



<TABLE cellpadding="15" width="200">

<TR>

<TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>這里是繞排的。國內(nèi)的VB網(wǎng)站中vbgood以每日更新，資料量豐富，而深受程序愛好者的喜歡。</TD>

</TR>

</TABLE>



在img這個元素中加入這個屬性就可以解決：align="center",問題就可以解決了。簡單吧！至于hspace是定義圖片與周圍元素的寬度。于是否繞排無關系。





這有是怎么作出來的呢？先看看這個代碼：



<table align=left cellspacing=0 cellpadding=0 width=200 bord