Emlog6.0.1 美化文章阅读 段落缩进两个字符

avatar
avatar
小王先森
384
文章
382
评论
2019年3月24日 1 602

很多网页在文章阅读上体验并不是很好,特别是段落与段落之间,排版很low。刚开始,我通过后台编辑器,发布文章时每个段落的前面加几个空格,让它达到段落缩进的效果;后来,我觉得很麻烦。就统一添加了文章段落缩进。这样一来,后台编辑时就不用管了,前台文章阅读时也有了缩进的效果。

其实很简单,只需设定 section.context 元素下的子元素所有的 p 元素缩进即可:

section.context>p {
    text-indent: 2em;
}

注意:如果 section.context 与 p 之间使用的不是 > ,而是空格时,将会对页面中所有的 p 起效。

历史上的今天
三月
24
avatar
  • 本文由 发表于 2019年3月24日
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  1   博主  0
    • avatar dada 0

      支持!