如何在CSS实现段落缩进，图片不缩进

text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

1
2
3

p {
text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
}

通常段落<p>内会有图片，图片也会随着缩进2个单位，原本居中的图片就会整体靠右，影响排版，有什么办法可以解决这个问题呢，其实text-indent有个属性，其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，也就是说，只要给图片加上float或者display: block的 CSS 属性后，图片的缩进会自动失效，如果段落里设置了图片居中也会失效，需要重新写个margin:0 auto，写法如下

1
2
3
4
5

p img {
    display: block;
    margin: 0 auto;    text-align: center;
}