css实现ie6以上文字高度未知垂直居中
2024-10-20 07:50:27
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description"content="">
<meta name="keywords"content="">
<link href=""rel="stylesheet">
<style> body {
padding: 0;
margin: 0;
}
.content {
border: 1px solid red;
width: 500px;
margin: 0 auto;
font-size: 12px;
line-height: 1.8;
} /*标准游览器版本*/
html, body {
height: 100%;
}
.wrapper {
text-align: center;
width: 100%;
height: 100%;
display: table;
}
.subwrap {
display: table-cell;
vertical-align: middle;
} /*IE6*/
*html .wrapper {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
display: block;
height: auto
}
*html .subwrap {
position: relative;
top: -50%;
text-align: center;
} /*IE7 可以合并 但是为了更好说明 没有合并*/
*+html .wrapper {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
display: block;
height: auto
}
*+html .subwrap {
position: relative;
top: -50%;
text-align: center;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="subwrap">
<div class="content">
关于 CSS 的未知高度水平垂直居中问题的未知高度水平垂直居中问题的未知高度水平垂直居中问题的未知高度水平垂直居中问题的未知高度水平垂直居中问题
<br />
</div>
</div>
</div>
</body>
</html>
最新文章
- ssh 登录
- Kindle 推送教程：教你用电子邮箱推送电子书（Kindle伴侣）
- JAVA 利用JNI加密class文件/自定义ClassLoader 类
- CodeMachine Debugger Extension DLL
- Linux中查看socket状态（转）
- 安卓之PreferenceActivity分享
- linux学习（七）环境变量、cp、mv、cat,less,more,head,tail
- C# 托管堆和垃圾回收器GC
- Java运行原理及内存分析
- 总结：web 发展的4个阶段
- centso7 安装redmine
- php Pthread 线程 互斥锁
- SSH框架开发蛋糕房管理系统之质量属性
- Java -- 异常的捕获及处理 -- Java的异常处理机制
- Package.json 属性说明
- 2017-2018-2 『Java程序设计』课程 结对编程练习_四则运算
- URAL 1698
- Tomcat 系统架构与设计模式2
- 数据库~Mysql里的Explain说明
- Delphi APP 開發入門（五）GPS 定位功能