图片水平垂直居中不行
<html> <head> <style> .content{ width: 800px; background-color: #cccccc; margin: 0 auto; height: 300px; } .box { line-height: 500px; text-align: center; } .box > img{ vertical-align: middle; } </style> </head> <body> <div class="content"> <div class="box"> <img src="1.jpg"/> </div> </div> </body> </html>
为什么我的不能实现垂直居中?