Question

<p>标签首行缩进问题

现在的情况是段落<p>用css text-indent:2em;控制，纯文字的段落没有问题，如果这个段落里是一张图片的情况下，图片也缩进了，就不能水平居中了，有没有高手给个解决方法，可以是文字缩进，图片不缩进居中？代码原型如下：
css:
p{text-indent:2em;}
html:
<div>
​<p>12345</p>
​<p><img src="" /></p> '现在就是想图片不要缩进，不然缩进后在页面不是居中的
</div>
希望高手给个办法，谢谢

Answer 1

css:
p{text-indent:2em;}
p.more{
text-indent:0px;
}
html:
<div>
<p>12345</p>
<p class="more"><img src="" /></p> '现在就是想图片不要缩进，不然缩进后在页面不是居中的
</div>

Answer 2

• 看了几位的回答，基本都是在个别情况下可以。

• 比如说<P>标签单独加个属性，这种对于可以修改文章页的可以，但要使用的是网站程序（织梦、wordpress等）这个方法显然就不合适了。

• 下面是114路由网的小编遇到类似问题查了好多资料找到的一个比较靠谱的解决方法，具体过程如下：

1. text-indent有个很奇怪的属性，就是其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，也就是说，只要给图片加上float或者display: block的 CSS 属性后，图片的缩进会自动失效。
   

2. 但是为了排版的效果，一般都使用display:block;，这样图片就不会与文字并排，图片单独占一行。

Answer 3

<p style=" text-indent:0;"><img src="" /></p>

Answer 4

p img{ text-indent:0;}