网站首页
软件推荐
系统相关
文件处理
图形图像
多媒体类
通讯提醒
加密监控
教育教学
上传下载
虚拟镜像
数学工具
网站制作
增效工具
清理维护
娱乐软件
手机软件
软件秘技
系统相关
文件处理
图形图像
多媒体类
通讯提醒
加密监控
教育教学
虚拟镜像
数学工具
上传下载
网站制作
增效工具
清理维护
娱乐软件
原创推广
系统相关
文件处理
图形图像
多媒体类
通讯提醒
加密监控
教育教学
虚拟镜像
网友推荐
好软件推荐
好技巧推荐
自由推荐
留言反馈
导航
返回主站
联系我们
当前位置：
首页
»
软件秘技
»
多媒体类
» Div+Css实例：让不确定数量的图文自适应居中显示
Div+Css实例：让不确定数量的图文自适应居中显示
作者:未知 更新时间:2008/12/26 10:25:01 来源:52css 【字号:
大
中
小
】 本条信息浏览人次共有
次
在一个宽度固定的容器里。 让图文自适应居中，无论是 1个，还是2个，还是3个的情况，都可以居中。
代码如下：
Source Code to Run
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Div+Css实例：让不确定数量的图文自适应居中显示--中国IT人才网!IT求职,IT招聘</title> <style type="text/css"> <!-- html,body,ul,li,dl,dd,dt{margin:0;padding:0;} .wrap{ position:relative; width:100%; text-align:center; overflow:hidden;} .container{float:left; position:relative; left:50%;} .container p{position:relative;right:50%;float:left;margin:10px;display:inline;padding:10px;border:solid 1px #aaa;} .container span{ display:block;} --> </style> </head> <body> <div class="wrap"> <div class="container"> <p><img src="http://www.52css.com/skins/52css_logo4.png" alt="" /><span class="word">之前搜集过几个未知大</span></p> <p><img src="http://www.52css.com/skins/52css_logo4.png" alt=""/><span class="word">之前搜集过几个未知大</span></p> <p><img src="http://www.52css.com/skins/52css_logo4.png" alt="" /><span class="word">之前搜集过几个未知大</span></p> <p><img src="http://www.52css.com/skins/52css_logo4.png" alt=""/><span class="word">之前搜集过几个未知大</span></p> <p><img src="http://www.52css.com/skins/52css_logo4.png" alt="" /><span class="word">之前搜集过几个未知大</span></p> <p><img src="http://www.52css.com/skins/52css_logo4.png" alt=""/><span class="word">之前搜集过几个未知大</span></p> </div> </div> </body> </html>
[可先修改部分代码 再运行查看效果]
【
关闭窗口
】【
我要打印
】
上一篇:
没有上一篇文章
下一篇:
没有下一篇文章
【免责声明：本站所发表的文章，大部分来源于各相关媒体或者网络，内容仅供参阅，与本站立场无关。如有不符合事实，或影响到您利益的文章，请及时告知，本站立即删除。谢谢监督。】
发表评论
*
评论内容：
*
您的大名：
*
您的email：
*
验 证 码：
*请输入4位数的验证码
发表评论须知：
一、所发文章必须遵守《互联网电子公告服务管理规定》；
二、严禁发布供求代理信息、公司介绍、产品信息等广告宣传信息；
三、严禁恶意重复发帖；
四、严禁对个人、实体、民族、国家等进行漫骂、污蔑、诽谤。
标题搜索
内容搜索
全部资讯
系统相关
文件处理
图形图像
多媒体类
通讯提醒
加密监控
教育教学
虚拟镜像
数学工具
上传下载
网站制作
增效工具
清理维护
娱乐软件
资讯导航
系统相关
文件处理
图形图像
多媒体类
通讯提醒
加密监控
教育教学
虚拟镜像
数学工具
上传下载
网站制作
增效工具
清理维护
娱乐软件
推荐资讯
解决win8系统造成的硬盘100...
关闭不必要的服务
破解系统密码
超强批量替换数学公式技巧
Windows常用命令集
在word中批量调整mathty...
虚拟机中的机器开机自动让开机人进...
移动中的系统
用迷你软件的好处
电脑文件快速多方位备份
图片资讯
相关资讯
会员协议
关于我们
法律声明
广告服务
联系我们
网站地图
CopyRight 2009-2010,Power By JYcms!,Inc.All Rights Resered QQ热线： 站长统计
当前位置：