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

admin 2016 年 4 月 13 日 2 条评论 点击:13032

目前,我们经常在写文章的时候会使用 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起作用了。。。 😬

2 条评论 添加你的评论

  • 1. 电磁泵  |  十月 17th, 2017 at 04:05

    学习了,好久没更新了。

  • 2. 梯小编  |  一月 21st, 2018 at 14:02

    学习了

留言评论

必填

Required, 保密

Trackback this post  |  Subscribe to the comments via RSS Feed