css如何让图片居中
lewis
2019-03-16
18次阅读
在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;/*设置图片居中*/
}
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。