图片居中案例
<style type="text/css">
div{
width: 180px;//需要设置宽高
height: 180px;
border: 1px solid #A0A0A0;
overflow: hidden;
vertical-align: middle;
//左右居中
text-align: center;
min-height: 220px;
//上下居中
display: table-cell;
//text-align: left;text-align: left;vertical-align: middle; td数据上下居中
}
a{
}
img{
max-width: 100px;
max-height: 100px;
}
</style>
<body>
<a href="">
<div>
<img src="./tupian/2-1.png">
</div>
</a>
</body>
能力是有限的,努力是无限的。