css未知高度使图片垂直居中
2016-04-27 15:53
447 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> *{margin: 0;padding: 0;} #box{ display:table; } #box span{ display:table-cell; vertical-align:middle; } #box img{ border:1px solid #ccc; } </style> </head> <body> <div id="box"> <span><img src="img/b.jpg" alt="" /></span> </div> <script type="text/javascript"> $(function(){ a=$(window).height(); $("#box").height(a); }) </script> </body> </html>