博豪信息css如何让图片居中
在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;/*设置图片居中*/
}
版权声明
本文仅代表作者观点，不代表米安网络立场。
相关文章
作者文章
- MC服务器为何停止服务？原因剖析与解决之道 8分钟前
- 车场服务器：为何担得起“服务器”之名？ 1小时前
- 服务器为何要分地方服务器 3小时前
- 服务器为何“繁忙”：原因剖析与应对之策 4小时前
- SVN服务器为何被称为“服务器” 8小时前
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。