利用css的clear屬性實現文字環繞圖片效果
阿新 • • 發佈：2019-02-19
QQ：285679784 歡迎加入技術交流QQ群80669150 (附加資訊：珠海 -＂Lzw )一起學習 !
轉自 免費模板網http://www.wangjie.org/
演示效果截圖
HTML程式碼
<div style="float:left;"> <div style="float:left;height:100px;width:1px;"> </div> <div style="float:left;height:250px;width:250px; clear:left;background:#F00;margin:25px 5px 5px 0;"> </div> <p>新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容 新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容新聞內容</p> </div>