WORDPRESS段落首行缩进
发布:smiling 来源: PHP粉丝网 添加日期:2015-10-16 14:29:07 浏览: 评论:0
对于 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的影响了.
Tags: WORDPRESS段落 WORDPRESS首行缩进
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)