我用text-indent 给P标签段落进行首行文本自动空2个格,但是P标签里如果是一个单独的图片的话,图片也被缩进了,导致图片不是绝对居中,而是向右偏移了text-indent的数值,怎么写可以解决P标签自动缩进,而P标签里的图片标签不跟随缩进呢?
text-indent段落缩进,而图片段落不缩进的解决方法
text-indent属性有个特点,在其内部元素遇到float或者display:block后就不继承外部这个缩进的属性了,所以只要给图片加上float或者display:block的 这个CSS 属性后,图片所继承的缩进会自动失效。
如果后台编辑器给图片添加了居中,代码例如:<p style="text-align:center">图片</a>应用display:block后图片也不居中了。那再怎么办呢?
p img{ display:block;margin:0 auto;}
text-indent缩进后当遇到正文内容中有独立段落的图片时,图片也会被缩进,这样会很影响排版。确实影响图片排版的美观程度,图片不是绝对居中的,这个问题估计导致很多人直接放弃了自动缩进这个属性来求得图片完美居中估计。
扩展阅读:P标签里的图片如何自动居中