使用CSS解決文字環繞圖片問題的代碼

來源:互聯網
上載者:User


是美工為一網站製作的圖文並茂的新聞標題列表,採用表格進行布局,右上和下部分分布在兩個儲存格中,程式實現起來可不太容易:要麼分兩次查詢,一次取4條,一次取5條;要麼一次取出9條,再分在兩個儲存格中顯示。能不能通過設定圖片的屬性,讓文字和圖片像Word中一樣可以四周環繞對齊?這樣程式就不用理會圖片,只負責一次讀取顯示就可以了。經測試將圖片的float屬性設定為left可解決我們的問題,效果如:

<br />·新聞標題列表<br /> <br />·新聞標題列表<br /> <br />·新聞標題列表<br /> <br />·新聞標題列表<br /> <br />·新聞標題列表新聞標題列表<br /> <br />·新聞標題列表新聞標題列表<br /> <br />·新聞標題列表新聞標題列表<br /> <br />·新聞標題列表新聞標題列表<br /> <br />·新聞標題列表新聞標題列表<p>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.