使用CSS解決文字環(huán)繞圖片問題的代碼
更新時間:2007年12月08日 23:05:28 作者:

上圖是美工為一站點制作的圖文并茂的新聞標題列表,采用表格進行布局,右上和下部分分布在兩個單元格中,程序?qū)崿F(xiàn)起來可不太容易:要么分兩次查詢,一次取4條,一次取5條;要么一次取出9條,再分在兩個單元格中顯示。能不能通過設置圖片的屬性,讓文字和圖片像Word中一樣可以四周環(huán)繞對齊?這樣程序就不用理會圖片,只負責一次讀取顯示就可以了。經(jīng)測試將圖片的float屬性設置為left可解決我們的問題,效果如下圖:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
前端html+css實現(xiàn)動態(tài)生日快樂代碼
?生日送什么禮物總是要花一番心思,別出心裁不落俗套,什么禮物才能讓那一個她開心呢?來看看前端大大用html+css實現(xiàn)動態(tài)生日快樂代碼吧,親測可用。2023-01-01

