固定大小的元素如何居中

比如一个长宽固定的大小div 如何实现这个元素的居中呢？

这个方法挺另类的，但效果不错，设计中不妨使用一下。

先看一下演示效果

demo

[css]

.lwn {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 300px;
margin-top: -150px; /* 1/2 of your element height*/
margin-left: -200px; /* 1/2 of your element width */
background:#CCCCCC;
}

[/css]

使用了绝对定位 这个方法使用与图片和文字的居中

切记父标签要使用相对定位。