Question

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

<P><IMG border=0 src="/12.png" width=524 height=894> 这个在TD 宽为1000PX的单元格中显示是左对齐。 如何用CSS控制这个图片在P标签中居中对齐？ TD的CSS为 class="nr_aa" 控制图片在p标签中的CSS是不是： .nr_aa p ｛text-align:center !important;｝

Answer 1

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

HTML代码：

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

CSS代码：

p {
    text-align: center;
}

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

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

left 居左对齐

center 居中对齐

right 居右对齐

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

margin:0 out