上下左右 居中
代码如下
复制代码代码如下:
div{
position:fixed;
margin:auto;
left:0;
right:0;
top:0;
bottom:0;
width:200px;
height:150px;
}
如果只需要左右居中，那么把 bottom:0; 或者 top:0; 删掉即可
如果只需要上下居中，那么把 left:0; 或者 right:0; 即可
下面附一个DIV 元素在浏览器窗口居中
其实，实现这个效果并不复杂，利用 CSS 中的 position 定位就可以轻松搞定了。来看看代码吧：
代码如下
复制代码代码如下:
<style type="text/css">
.dialog{
position: fixed;
_position:absolute;
z-index:1;
top: 50%;