模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
未知高度的div垂直居中多浏览器方法_层和布局特效
查看演示效果
特效Tag:
垂直居中
添加
纯CSS实现布局中不定高度的垂直居中问题,经测试兼容诸多浏览器。
<!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" lang="zh" xml:lang="zh"> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=UTF-8" /> <meta name="developer" mrc="Realazy" /> <title>未知高度的div垂直居中多浏览器方法</title> <style type="text/css" media="screen"> /* <![CDATA[ */ #div1, #div2 {display:table-cell; *display: inline; zoom:1; vertical-align:middle;} #div1 {color:red;} /* ]]> */ </style> </head> <body> <div id="bd"> <div id="div1">我居中了吗?</div> <div id="div2"> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> <p>Codefans.NET CSS垂直居中...</p> </div> </div> </body> </html>
所属频道:
层和布局特效
/
更新时间:2012-11-20
[收藏]
[报错]
[返回列表]
相关
层和布局特效
:
表格内容排序sortTable
行变成列,列变成行
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
JavaScript实现表格排序特效
CSS虚线、细线边框的表格
CSS布局实现圆柱型数据报表效果
全兼容的CSS高度自适应
CSS山顶角圆角
CSS用虚线美化一个表格的边框
点击按钮,弹出一个可关闭的层窗口,网页背景变灰
网页弹出层的JS代码
超强CSS透明效果
一个左图右文的简单CSS布局
猜你也喜欢看这些
精美js鼠标跟随代码
CSS控制背景透明而内容不透明的方法
选色板
在一定时间内打开一个新的窗口
左右幕布
页面定时刷新
点击按钮切换背景颜色的JavaScript
Java Script 颜色梯度和渐变效果
背景调色板:状态栏还能显示颜色值
JavaScript点击图片无刷新切换背景
相关链接:
复制本页链接
|
搜索未知高度的div垂直居中多浏览器方法
特效说明:
层和布局模板
-
未知高度的div垂直居中多浏览器方法
。