动态网站制作指南



当前位置 > 网站建设学院 > 网页制作 > CSS教程 Rss

CSS实现DIV内容垂直及水平居中


发表日期:2009-7-3


因为垂直居中的主要问题出在IE系列上,因此用到了IE的条件注释、IE8的兼容视图,还算完美解决了目前所有的主流浏览器的CSS实现DIV内容垂直及水平居中问题,IE5.5,IE6,IE7,IE8,FirefoxChrome,Safari,Opera 测试通过,逸品天空Web开发代码站 http://code.dlstu.cn/

核心代码:

 程序代码
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<style type="text/css">
#container {width:750px; height:600px; background:#f8f8f8; border:5px solid #777; text-align:center; display:table-cell; vertical-align:middle;}
</style>
<!--[if IE]>
<style type="text/css">
#fixie{width:0;height:100%;display:inline-block;vertical-align:middle;}
#fixiecontainer {text-align:center; width:100%; display:inline-block; vertical-align:middle;}
</style>
<![endif]-->

关注此文的读者还看过:
·2012-2-4 9:53:07 用CSS white-space 属性实现中文词组自动换行
·2012-2-4 9:52:49 网页设计技巧:CSS布局调试的有效方法
·2012-2-4 9:52:09 新组织CSS代码的利器:Styleneat
·2012-2-4 9:51:51 CSS网页调试必备:让IE7与IE8共存
·2012-2-4 9:51:30 CSS教程:数字和字母将容器撑大问题解决
·2012-2-4 9:51:12 CSS定义HR水平线的几种样式
·2012-2-4 9:50:53 调试诊治CSS布局的10个有效方法
·2012-2-4 9:49:41 CSS对页面文字链接的设置大全
·2012-2-4 9:46:57 IE和Firefox浏览器CSS兼容性技巧整理
站长推荐 PS笔刷下载 在线翻译 系统进程 广告代码
  发表评论
姓 名: 验证码:
内 容:
教程搜索服务
项目外包信息
·ecshop+Discuz! X2+ Home会员整
·寻找网站建设团队或者个人合伙
·LOGO设计外包
·企业网后台程序外包
·ESO关键词优化
·寻中高端网页设计及美工长期合作
·网页美工
·寻求程序合作
·全球连锁餐饮集团网站改版
·预算5-10万元的基于威客、2.0、
·外包一个新闻发布网站 急
·招长期兼职资深设计师合作
·FLASH外包
·产品高端场景摄影
·寻找asp.net开发高手
发布信息 浏览信息
邮件订阅服务
输入你的邮件地址,你将不会错过任何关于<CSS教程>的内容


网页制作文章分类
Dreamweaver教程
FrontPage教程
Javascript教程
CSS教程
DHTML教程
HTML教程
网页特效
心得技巧
Discuz!专栏
站长工具:Google PR查询|Alexa排名查询|网站速度测试|CSS在线编辑器|OPEN参数生成器|弹出式窗口代码产生器|密码登录生成器|在线按钮生成器|Meta标签生成器|邮箱图标在线生成|多色彩特效字代码生成器|网页代码调试器|在线FTP登陆|Flash取色器|配色代码对照表|配色辞典|CSS生成器|CSS在线压缩|广告代码|框架网页代码生成器|js/vbs加密|md5加密|进制转换|UTF-8 转换工具|在线调色板|Html转换js|Html转换asp|Html转换php|Html转换perl
实用工具:汉字翻译拼音|拼音字典|在线翻译|天气预报|火星文|在线网速测试|符号对照表|个税计算|理财工具|黄金价格|购房银行按揭利率计算|汇率查询|经典小工具|汉字简繁转换|普通单位换算|公制单位换算|生辰老黄历|国内电话区号|国家代码与域名缩写|文字加密解密|元素周期表|健康查询|世界时间|全国各地车牌查询|全国车辆交通违章查询|万年历|二十四节气|汉字横竖排版|手机号码查询|计算器|ip搜索
广告刊登 | 版权声明 | 联系我们 | 加入收藏 | RSS订阅
Copyright © 2000-2012 www.knowsky.com All rights reserved | 沪ICP备05001343号