- 首页 > it技术 > >
web页面开发过程中让图片垂直居中的三种方法
图片居中 - 锐客网
*{
padding:0;
margin:0;
}
/*方法一*/
/*.view{
width: 600px;
height: 600px;
border:1px solid red;
text-align: center;
display: table-cell;
vertical-align: middle;
}*//*方法二*/
/*.view{
width: 600px;
height: 600px;
border:1px solid red;
text-align: center;
}
.view img{
vertical-align: middle;
}
.view span{
height: 100%;
width:0;
display: inline-block;
vertical-align: middle;
}*//*方法三*/
.view{
width: 600px;
height: 600px;
border:1px solid red;
background: url(images/1.jpg) no-repeat;
background-position: 50% 50%;
}
推荐阅读