CSS基础教程:让WordPress文章的段落首行自动空两格

CSS基础教程:让WordPress文章的段落首行自动空两格,第1张

概述站长朋友们在使用WordPress建站完成以后,通常会发布很多文章,有些时候我们希望段落首行能空两格,可是WordPress自带的编辑器却没有考虑到这一点,导致发布的文章首行都是顶格的,看起来很不习惯。

站长朋友们在使用href="@R_502_6822@s://www.jb51.cc">wordpress建站完成以后,通常会发布很多文章,有些时候我们希望段落首行能空两格,可是wordpress自带的编辑器却没有考虑到这一点,导致发布的文章首行都是顶格的,看起来很不习惯。

通常我们的解决方法是在发布文章时把编辑器切换到“文本”模式,然后再在首行手动键入两个全角的空格来实现。但是这有两个弊端,一是麻烦,编辑不方便;再一个就是如果日后更换成首行会自动空两格的主题,就会变成了首行空四格。

所以,最好的解决方法不是手动键入空格,而是通过CSS样式代码实现。下面我们来简单介绍一下实现的方法。

切换到主题目录,找到对应的样式文件,通常是主题根目录下的style.CSS,找到段落对应的样式,通常为***** p{},然后在样式中加入 text-indent:2em;,效果如下:

这样再发布文章时,段落首行就会自动缩进两个空格了,感兴趣的新手朋友们可以尝试一下。

总结

以上是内存溢出为你收集整理的CSS基础教程:让WordPress文章的段落首行自动空两格全部内容,希望文章能够帮你解决CSS基础教程:让WordPress文章的段落首行自动空两格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/1023658.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存