设置p标签为text-indent:2em,如何使p标签下面的img针对text-indent失效呢?


目前,我们经常在写文章的时候会使用 p{text-align: 2em}将段落首行进行缩放两个字符。但是我们会发现,当我们这样使用之后,在p 标签下面的img标签也被加上了text-align: 2em属性。

这样一来,很多朋友肯定不愿意了。走只需要文字缩进就行了哇,图片就不需要哇!很多朋友会遇到这样的问题。其实解决这个问题不难,曾经我也碰到过很多次。

网页上面有网友会说,那么可以重新定义下img哇。

例如:p img{text-align:0px;}

这样用是可以的,但是有朋友会说,我想将我的图片不被加上text-align属性,并且还想将图片居中。那么好办。

直接给img 定义 img{display: block; margin:0 auto}即可。

当img 被定义block属性后,text-align已经不对img起作用了。。。 😬


发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注