网页布局中实现文字围绕图片
2012-04-12 18:03
369 查看
在做网页布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢,通过这个例子就能看出。
其实很简单,就是图片浮动位置的调整。
以下是详细代码:
欢迎转载!
其实很简单,就是图片浮动位置的调整。
以下是详细代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style> div { width:300px; border:1px solid red } img { float:left; width:100px; height:100px } </style> <div> <img src="http://www.mianfeimoban.com/images/logo1.gif" /> 我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边, 像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文 字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上 角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。 </div>
欢迎转载!
相关文章推荐
- iOS实现文字环绕图片textView布局
- HTML/CSS实现文字环绕图片布局
- 实现图片滑动、滚动、菜单栏(导航)滑动、文字滚动等效果的网页插件superslide2
- 实现图片滑动、滚动、菜单栏(导航)滑动、文字滚动等效果的网页插件superslide2
- 文字环绕图片的布局效果(使用动态div实现)
- RadioButton布局图片+文字 实现tabhost效果
- Android代码实现图片和文字上下布局
- 布局(图片随文字移动)简单实现
- cell中两行文字及图片位置随意布局的简单实现
- CSS 实现:图片+文字的布局(综合)
- 网页中实现文字或图片向上不间断滚动的javascript代码
- CSS实现文字环绕图片效果
- 用 JavaScript 实现网页图片等比例缩放效果
- android imagebutton 带文字图片的实现方法
- 如何实现限制网页图片尺寸(客户端)?
- jQuery [jQuery视频教程--->Jq网页开发精解04] 设计列表 文字滚动 图片按比例显示
- Android自定义“图片+文字”控件四种实现方法之 二--------个人最推荐的一种
- IOS Quartz 各种绘制图形用法---实现画图片、写文字、画线、椭圆、矩形、棱形等
- 纯javascript实现文字、图片无限滚动效果
- 网页中实现图片旋转