左上角圖片文字環(huán)繞在圖片右側(cè)

2024-07-11 08:38:45

字體：大中小

供稿：網(wǎng)友

我們在做布局的過程中常常遇到文字圍繞圖片的效果。如何用CSS實現(xiàn)文字環(huán)繞圖片的效果呢，通過這個例子就能看出。其實很簡單，就是圖片浮動位置的調(diào)整

<br /><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><br /><style><br />div {<br />width:300px;<br />height:200px;<br />border:1px solid red<br />}<br />img {<br />float:left;<br />width:100px;<br />height:100px<br />}<br /></style><br /><div><br /><img src=”http://huoche.7234.cn/images/jb51/g105ko15rhl.gif” /><br />我要實現(xiàn)左上角是圖片，然后就是文字環(huán)繞在圖片的右邊，像下面的效果圖一樣。我要實現(xiàn)左上角是圖片，然后就是文字環(huán)繞在圖片的右邊，<br />像下面的效果圖一樣。我要實現(xiàn)左上角是圖片，然后就是文字環(huán)繞在圖片的右邊，像下面的效果圖一樣。我要實現(xiàn)左上角是圖片，然后就是文<br />字環(huán)繞在圖片的右邊，像下面的效果圖一樣。</div><br />
提示：您可以先修改部分代碼再運行

上一篇：CSS模塊化思想的優(yōu)勢

下一篇：純CSS定位的固定垂直居中浮動層代碼，附經(jīng)典解說《詳解定位與