文章摘要：css如何让图片居中 css如何让图片居中显示
在css中设置图片居中的方法：1.使用background-position属性设置图片居中；2.使用text […]
在css中设置图片居中的方法：1.使用background-position属性设置图片居中；2.使用text-align属性设置图片居中；
在css中设置图片居中的方法
1.使用background-position属性设置图片居中
页面布局：
<body>
<div class="demo"></div>
</body>
css样式：
.demo{
width: 400px;
height: 300px;
margin: 50px auto;
border: 1px dashed #000;
background-image:url(1.jpg) ;
background-size:200px 160px ;
background-position:50% 50% ; /* 设置图片居中 */
background-repeat:no-repeat ;
}
2.使用text-align属性设置图片居中
页面布局：
<body>
<div class="content">
<img src="images/1.jpg" />
</div>
</body>
css样式：
.content{
width:400px;
height:300px;
text-align:center; /* 设置图片居中 */
}
声明：
若非注明，本站文章源于互联网收集整理和网友分享发布，如有侵权，请联系站长处理。
文章名称：css如何让图片居中 css如何让图片居中显示
文章链接：http://www.7966.org/post/12450.html
转载请注明出处
