图片居中 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="reset.css">
</head>
<style>
    
    body{ margin:0;  _height:100%;}
    .wall{ width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; font-size:0;}
    .img404{ border:0; width:700px; vertical-align:middle}
    .verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}
    </style>
</style>
<body>
    
    <div class="wall">       
        <span class="verticalAlign"></span>
        <a href="#"><img class="img404" src="goodslist-1-1.jpg" alt="404页面" /><p class="img404"></p></a>
     </div>
</body>
</html>

 

posted on 2015-08-24 10:09  yhdsir  阅读(166)  评论(0)    收藏  举报

导航