通过CSS如何让图片实现垂直居中

#pic {
    width:300px;
    height:300px;
    background-color:green;
    border:6px solid #ccc;
    text-align:center;
    position:relative;
    display:table-cell;
    vertical-align:middle;
}
#pic p {
    *position:absolute;
    top:50%;
    left:50%;
}
#pic p img {
   ,通向web标准之路; *position:relative,选择网站类型的两大原则与四大方法;
    top:-50%,选择合适的Doctype，解决CSS失效问题;
    left:-50%;
}

在一个容器里再定义一个相对定位的p容器,适合做商品团购营销的网站，再在p容器里放须要垂直居中的图片，图片定义绝对定位的CSS。

直接上CSS代码：

#pic是容器，里面放一个p容器，该容器采取绝对定位，最后插入图片，图片采用相对定位,运营网站的9个细节诠释。

这里用到了一个hack,*只有IE阅读器能够辨认，Firefox不意识