图片垂直居中

：添加无谓的标签
.img312{ height:400px; width:400px; border:2px solid #f60; background:#f3f3f3; line-height:400px; text-align:center}
    .img312 img{ vertical-align:middle}
    .img312 .m_middle{  display:inline-block; font-size:0; height:100%}
    <div class="img312">
                    <i class="m_middle"></i>
                    <img src="http://img3.douban.com/pics/book_store_go.png" alt="剧中吧 偶把伞">                
                    
    </div>

 

利用字体

    .imgc {
    width:500px;text-align:center;border:1px solid #f00;line-height:500px;
    height:500px;font-size:500px; background:#ccc; display:block;
    }
    *>.imgc{
    font-size:12px
    }
    .imgc img {
        vertical-align:middle
    }
    </style>
    <div class="imgc">
        <a href="http://"><img src="http://www.google.com/intl/en/images/logo.gif" /></a>
    </div>