方法一：在img标签前加span
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title></title> <style type="text/css"> div{ width: 600px; height: 600px; text-align: center; border: 1px solid red; } span{ height: 100%; display: inline-block; vertical-align: middle; } img{ vertical-align: middle; } </style> </head> <body> <div> <span></span><img src="demo.jpg"> </div> </body> </html>
原文：http://www.cnblogs.com/godcity/p/5344478.html