在css中设置图片居中的方法：1.使用background-position属性设置图片居中；2.使用text-align属性设置图片居中；
在css中设置图片居中的方法
1.使用background-position属性设置图片居中
页面布局：
<body>
<divclass="demo"></div>
</body>
css样式：
.demo{
width:400px;
height:300px;
margin:50pxauto;
border:1pxdashed#000;
background-image:url(1.jpg);
background-size:200px160px;
background-position:50%50%;/*设置图片居中*/
background-repeat:no-repeat;
}
2.使用text-align属性设置图片居中
页面布局：
<body>
<divclass="content">
<imgsrc="images/1.jpg"/>
</div>
</body>
css样式：
.content{
width:400px;
height:300px;
text-align:center;/*设置图片居中*/
}
如果您对该产品感兴趣，请填写办理（客服微信：xiaoxiongyidong）
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。