用CSS实现文字环绕图片的效果
在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢，通过这个例子就能看出。其实很简单，就是图片浮动位置的调整。
以下是引用片段：/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">
<style> VJ#E)M G9Qbq/e{
div { S OX4O)j \I0wf%t
width:300px;
border:1px solid red
}
img {
float:left;
width:100px;
height:100px
}
</style> R&\.`/@ {e
<div>
<img src="/images/logo.gif" />
我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，
像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文
字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上 t n*Off8v{)V
角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。 Hj,Z%w]*q&R,w
</div>
页:
[1]