如何用CSS控制图片在P标签中居中对齐?

发布网友

我来回答

6个回答

热心网友

以下方法适用于图片宽度小于P标签宽度的情况

HTML代码:

<p>
    <img src="">
</p>

CSS代码:

p {
    text-align: center;
}

给p标签设置text-align:center;样式可实现居中

text-align 文本对齐方式,有left / center /right 3个值:

left 居左对齐

center 居中对齐

right 居右对齐

热心网友

直接样式中这样写:p img{display:block;margin:0 auto;}
记得给好评啊。

热心网友

用背景图片,这样比较好控制位置

热心网友

<p style="text-align:center"><img src="" alt=""></p>

热心网友

margin:0 out

热心网友

我试了,可以的

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com