<p>标签首行缩进问题

发布网友发布时间：2022-05-02 14:17

共4个回答

热心网友时间：2022-04-20 14:28

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

热心网友时间：2022-04-20 15:46

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

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

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

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

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

热心网友时间：2022-04-20 17:21

热心网友时间：2022-04-20 19:12

p img{ text-indent:0;}

&lt;p&gt;标签首行缩进问题