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