如何在CSS实现段落首行缩进，但是图片不缩进
[ 2022-12-13 14:13:16 | 作者: admin ]
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
#content {
text-indent: 28px;
}
通常段落<p>内会有图片，图片也会随着缩进2个单位，原本居中的图片就会整体靠右，影响排版，有什么办法可以解决这个问题呢，其实text-indent有个属性，其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，也就是说，只要给图片加上float或者display: block的 CSS 属性后，图片的缩进会自动失效，如果段落里设置了图片居中也会失效，需要重新写个margin:0 auto，写法如下text-indent: 28px;
}
#content img {
display: block; margin: 0 auto;
}
display: block; margin: 0 auto;
}
1
