第七天

如何垂直居中一个浮动元素？

方法一： 已知元素的宽高方法二： 不知元素的宽高如何垂直居中一个?(用更简便的方法)

方法一： 已知元素的宽高

#div1{ background-color:#6699FF; width:200px; height:200px; position:absolute; //父元素需要相对定位 top:50%; left:50%; margin-top:-100px; margin-left:-100px; }

方法二： 不知元素的宽高

#div1{ background-color: #6699FF; width:200px; height:200px;

margin:auto; position:absolute; //父元素需要相对定位 top:0; left:0; right:0; bottom:0; }

如何垂直居中一个?(用更简便的方法)

#container // < img >d的容器设置如下 { display:table-cell; text-align:center; vertical-align:middle; }