高度和宽度不固定元素水平和垂直居中的实现（父元素高度和宽度固定）（完美解决兼容问题）

.parent{

width:500px;

height:400px;

border:1px solid #ddd;

borde-radius:10px;

display:table;

*font-size:400/1.14px;/*设置为父元素高度/1.14*/

}

.child{

display:table-cell;

font-size:14px;

vertical-align:middle;

text-align:center;

*display:inline;

*zoom:1;

}

ＩＥ６，ＩＥ７不兼容display:table-cell;和display:table;

display:table;