1.方法一,利用空的span实现图片居中
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width:400px;
height:400px;
background:orange;
text-align: center;
}
img{
max-width:100%;
display: inline-block;//非必要
vertical-align: middle;
}
.j1{
display: inline-block;//必要,不然height不能设置
width: 0;
height: 100%;
vertical-align: middle;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<div>
<img src='./00_24.jpg'>
<span class="j1"></span>
<span>456</span>
</div>
</body>
</html>
在盒子里给一个空的span,
.j1{
display: i