利用CSS中的float属性实现文字环绕图片的效果 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

利用CSS中的float属性实现文字环绕图片的效果

天极网 2007/12/23 19:53:55 深山行者字体:大中小浏览 24763

在做布局的过程中常常遇到文字围绕图片的效果。如何用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="/images/logo.gif" />
我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，
像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文
字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上
角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。
</div>

前一页:div+css中文字居于底部的解决方法与代码

后一页:DIV与Table布局在大型网站的可用性比较

相关阅读: 绍兴中侨旅游网; 了解html基础知识之html标签集合; 14个CSS实用技巧精选推荐; 长春天马国际旅行社; 当前流行的四款常用浏览器最客观的评测; IE6不支持png24的解决办法(png24做为css的背景); JavaScript技巧:让网页自动穿上外套; CSS中的单位一览包括宽度尺寸单位颜色单位角度单位

共有0条关于《利用CSS中的float属性实现文字环绕图片的效果》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 旅行社手机网站默认模板; asp日历代码; 常见显示器尺寸与分辨率对照; 旅行社管理系统 V1.9; 判断用户注册密码强度的JS代码; 在图片未知尺寸情况下，利用CSS把图片垂直居中于div中心(2)

更多标签热门标签

渐隐案例 window 滤镜防止破解 Java 彩色性能技巧文字样式 relative 键盘展示分开首字母 javascri iframe rad 变大应用特效 skype 界面鼠标 FlashFxp 统计宽圆角模板垂直缓存拖动 CSS滤镜项目事务汉字 asp.net onmouserout IP 全选压缩游览器 ie7 层爱国下拉缩放货币 rnd