我爱电脑技术论坛's Archiver

不和人说话 发表于 2008-5-10 00:47

用CSS实现文字环绕图片的效果

在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢,通过这个例子就能看出。
0S4v/^i2t~
"Nn.| t1E7WeJ   其实很简单,就是图片浮动位置的调整。
p owl QbF(Yv`N
V)Wu,h#Es.W 以下是引用片段:/iA/R w.|y?]Zb
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
8A4Q2Z1b/@$J G1J <style> VJ#E)M G9Qbq/e{
div { SOX4O)j \I0wf%t
width:300px;
0Q\2Ija7q border:1px solid red
.JEK Co7gZ gz d| }
)PqAUm!N [N img {
`*F+]"i4V!S Xd5H;T#h float:left;
XA5~` Z2L x7D%i width:100px;
O-u q9db$m\1R height:100px
+`:N l ~`3Q;}2r }
d#Bfd X </style> R&\.`/@ {e
<div>
1ytz$b7j u} <img src="/images/logo.gif" />
.^t@` ?.R"el 我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,
Ib[5@ uu9R!] 像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文
%_b7k/R+@x-a&i-L{ 字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上 tn*Off8v{)V
角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。 Hj,Z%w]*q&R,w
</div>

页: [1]

Powered by 我爱电脑技术论坛 Archiver 6.1.0  © 2001-2007 本SEO插件由网络人站长论坛出品