模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
CSS未知div高度垂直居中代码_层和布局特效
查看演示效果
特效Tag:
垂直居中
添加
未知高度垂直居中问题,点击运行看一下效果,是不是居中了?
<!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" mrc="text/html; charset=utf-8" /> <title>CSS未知高度垂直居中</title> <style type="text/css"> html, body { height: 100%; padding:0; margin:0; } body { min-height: 200px; text-align: center; min-width: 402px } .FirstDIV { margin-top: -100px; /* SecondDIV高度的一半 */ float: left; width: 100%; height: 50%; } .SecondDIV { clear: both; border: silver 1px solid; background: #CCCCCC; margin-left: auto; overflow: auto; width: 400px; margin-right: auto; height: 200px; text-align: left } </style> </head> <body> <div class="FirstDIV"></div> <div class="SecondDIV"> <p>晕噢,难道没有居中吗?</p> <p>我是模板无忧(<a href="/jscss/">mb5u.com</a>)提供各类编程源码、视频教程、JavaScript/CSS特效代码以及常用软件下载等。<br>看我是不是垂直居中了?</p> </div> </body> </html>
所属频道:
层和布局特效
/
更新时间:2012-12-24
[收藏]
[报错]
[返回列表]
相关
层和布局特效
:
表格内容排序sortTable
行变成列,列变成行
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
一款很酷的li列表美化实例
鼠标可以拖动的嵌套表格(JavaScript)
CSS未知div高度垂直居中代码
仿QQ的点击链接弹出提示层的效果
一个左图右文的简单CSS布局
CSS 图片列表,横向
JavaScript未知高度元素的垂直居中
CSS 表格(Table)
点击图片后将地址写入到Input文本框
CSS中1px虚线边框的方法
猜你也喜欢看这些
禁止别人使用 quot;另存为 quot;保存你的网页
页面载入的动画效果的源代码一例
Js无刷新切换背景色
表格颜色渐变效果
适时变换网页背景和文字颜色
登陆FTP网页页面代码
打开页面后跳出对话框,你可以用数字来指定链接目的地
CSS控制背景垂直或水平重复
JavaScript背景随机变换颜色
可移动的显示层
相关链接:
复制本页链接
|
搜索CSS未知div高度垂直居中代码
特效说明:
层和布局模板
-
CSS未知div高度垂直居中代码
。