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

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

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

在做布局的过程中常常遇到文字围绕图片的效果。如何用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布局在大型网站的可用性比较

相关阅读: httpd.ini一些参数说明; 旅游线路系统; 一个简单的用java写的非常不错的贪食蛇游戏; CSS中的单位一览包括宽度尺寸单位颜色单位角度单位; windows8的iis7应用程序池标识问题; 旅行社网站管理系统商业版4.0发布; FlashFxp修改FTP密码; ASP 格式化显示时间为几个月,几天前,几小时前,几分钟前,或几秒前

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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把网页文字的毛边去掉

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: JavaScript实现把汉字转换为拼音; 服务器iis配置.mp4视频格式播放(网页播放.mp4有声音但没有图像画面); 旅行社手机网站模板3; ASP.NET 2和IIS 7.0发生不兼容变化; 纯div+css制作的弹出菜单-05; asp实现获得当前文章的上一篇信息与下一篇信息功能及代码

更多标签热门标签

初级 vista 弹窗数据库文字样式高市倒计时对联闭合左右底部论坛用户体验禁止标注编辑进度伪类广告 Response 县文本 onload 万年历背景像素 hidden 不对齐变化 checkbox max 框移字母 dw 访问量改变关于我们企业 css 透明过滤右键失效 hover 注册鎯排版工作表达 filter 省略 dl