css图片居中(css如何让图片居中)

发布时间：2025-12-11 01:06:35 浏览次数：1

在css中设置图片居中的方法:1.使用background-position属性设置图片居中;2.使用text-align属性设置图片居中;

在css中设置图片居中的方法

1.使用background-position属性设置图片居中

页面布局:

<body>
<pclass="demo"></p>
</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>
<pclass="content">
<imgsrc="images/1.jpg"/>
</p>
</body>

css样式:

.content{
width:400px;
height:300px;
text-align:center;/*设置图片居中*/
}

css图片居中

上一篇：怎样恢复微信的聊天记录,怎样恢复微信的聊天记录下一篇：支付宝怎么进行解绑实名制认证

综合百科

css图片居中(css如何让图片居中)

综合百科

网站导航