主頁(yè) > 知識(shí)庫(kù) > 使用CSS解決文字環(huán)繞圖片問題的代碼

使用CSS解決文字環(huán)繞圖片問題的代碼
熱門標(biāo)簽：隨州外呼系統(tǒng)廠家 蘇州做電話機(jī)器人 地圖標(biāo)注微信好友 地圖標(biāo)注樓盤 快速更改地圖標(biāo)注點(diǎn)標(biāo) ai電話機(jī)器人效果差 南山電話機(jī)器人 南昌電話機(jī)器人系統(tǒng) 沈陽(yáng)400電話辦理多少錢

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



[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

標(biāo)簽：濰坊 大同 玉樹 昭通 商洛 石家莊 濰坊 深圳

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《使用CSS解決文字環(huán)繞圖片問題的代碼》，本文關(guān)鍵詞  使用,CSS,解決,文字,環(huán)繞,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《使用CSS解決文字環(huán)繞圖片問題的代碼》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于使用CSS解決文字環(huán)繞圖片問題的代碼的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章