使用CSS解決文字環(huán)繞圖片問題的代碼
更新時(shí)間：2007年12月08日 23:05:28 作者：
上圖是美工為一站點(diǎn)制作的圖文并茂的新聞標(biāo)題列表，采用表格進(jìn)行布局，右上和下部分分布在兩個(gè)單元格中，程序?qū)崿F(xiàn)起來可不太容易：要么分兩次查詢，一次取4條，一次取5條；要么一次取出9條，再分在兩個(gè)單元格中顯示。能不能通過設(shè)置圖片的屬性，讓文字和圖片像Word中一樣可以四周環(huán)繞對(duì)齊？這樣程序就不用理會(huì)圖片，只負(fù)責(zé)一次讀取顯示就可以了。經(jīng)測試將圖片的float屬性設(shè)置為left可解決我們的問題，效果如下圖：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
解決 select 擋住div的解決方法...2006-11-11
網(wǎng)頁綠色系配色應(yīng)用實(shí)例圖文
綠色在黃色和藍(lán)色（冷暖）之間，屬于較中庸的顏色，這樣使得綠色的性格最為平和、安穩(wěn)、大度、寬容。是一種柔順、恬靜、滿足、優(yōu)美、受歡迎之色。也是網(wǎng)頁中使用最為廣泛的顏色之一。2008-08-08
純div+css實(shí)現(xiàn)，大家可以參考下，也許有一些問題，大家可以修正下2008-12-12
純CSS生成抗鋸齒圓角的代碼...2007-08-08
XHTML標(biāo)簽的自關(guān)閉寫法的壞處分析
我們都知道XHTML里面的img標(biāo)記應(yīng)該這樣寫：<img alt="" src="" />，這種寫法也就是所謂的自關(guān)閉，在XML中是完全合法的寫法。2008-09-09
最近發(fā)現(xiàn)好多用margin-top實(shí)現(xiàn)的，上邊距效果一直沒有，一直都不知道什么原因，今天偶然看到了，特分享給大家2008-11-11
你不一定知道的Label的For用法...2007-04-04
web標(biāo)準(zhǔn)知識(shí)——用途相似的標(biāo)簽
在XHTML標(biāo)簽中有一些標(biāo)簽的作用是相似的，當(dāng)然這里的相似是指語義相似，以至于很多人都不清楚這些相似的標(biāo)簽如何使用，那么今天的主題就是分解相似的標(biāo)簽，明確各個(gè)標(biāo)簽的用途。2008-06-06
前端html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂代碼
?生日送什么禮物總是要花一番心思，別出心裁不落俗套，什么禮物才能讓那一個(gè)她開心呢？來看看前端大大用html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂代碼吧，親測可用。2023-01-01
頁里面 CDATA的作用說明...2007-03-03