图片上下左右居中

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div{
    width:200px;
    height:200px;
    border:1px solid #ededed;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    }
    
</style>
</head>

<body>
<div><img src="ceshi/images/product.jpg" /></div>
</body>
</html>

 

posted @ 2016-12-10 10:35  Jinsuo  阅读(149)  评论(0编辑  收藏  举报