WORDPRESS段落首行缩进

付费节点推荐


免费节点


节点使用教程


对于 WORDPRESS 的正文内容和摘要,有时候我们喜欢按照 WORD 那样来个段落首行缩进,要实现也很简单,给主题正文或者摘要区域的文字内容P标签加一个

CSS text-indent

就搞定了,比如:

.entry p{text-indent: 2em;}

可加了这个缩进后当遇到正文内容中有独立段落的图片时,图片也会被缩进,这样会很影响排版。而且对于缩进后的图片大小也不好把握,对于自适应主题尤其如此。所以很多人因为搞不定图片这个问题最后放弃了使用段落首行缩进。

其实text-indent有个很奇怪的属性,就是其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了,也就是说,只要给图片加上float或者display: block的 CSS 属性后,图片的缩进会自动失效。

WordPress 默认上传图片、插入图片后会带上 aligncenter、alignleft、alignright 和alignnone 的 class,如果你对 aligncenter、alignleft、alignright 做了对应的 CSS 定义后,图片就不会受到外部P标签属性text-indent的影响了。

该文章由WP-AutoPost插件自动采集发布

原文地址:http://www.59iwp.com/852.html

未经允许不得转载:Bcoder资源网 » WORDPRESS段落首行缩进

相关推荐

更多优质资源关注微信公众号: bcoder

bcoder
赞 (0)
分享到:更多 ()

评论 0

评论前必须登录!

登陆 注册