div始终居中在窗口显示
程序员文章站
2022-07-15 08:19:48
...
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>CSS Position 定位实现 DIV 在窗口居中</title>
<style type="text/css">
.dialog{
position: fixed;
_position:absolute;
z-index:1;
top: 50%;
left: 50%;
margin: -141px 0 0 -201px;
width: 400px;
height:280px;
border:1px solid #CCC;
line-height: 280px;
text-align:center;
font-size: 14px;
background-color:#F4F4F4;
overflow:hidden;
}
</style>
</head>
<body>
<div class="dialog">
我是在窗口正*的，呵呵！
</div>
<p style="height:1500px;">CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。
</p>
</body>
</html>