wordpress中设置段落首行缩进两格

发布于 3 天前 建站笔记 306 字 预计阅读时间: 1 分钟


AI 摘要

告别单调排版!WordPress轻松实现段落首行缩进与例外规则,阅读体验大升级!一招掌握,让你的文章更具吸引力!
内容纲要

中文排版习惯段落首行缩进两格,这将大大提升文章的阅读舒适度,但是有时候又不需要空两格,所以还需要增加例外规则,定义一个class="no-indent-block"

html代码

以通知为例

<div class="no-indent-block" style="text-align: center; font-weight: bold; margin-bottom: 0.5em !important;"><!-- 标题 -->
四川省教师发展中心

关于公布四川省第三届中小学跨学科主题学习优秀案例评选结果的通知
</div>

<div class="no-indent-block" style="text-align: right;"><!-- 〔2026〕文件号 -->

</div>

<!-- 称呼 -->
<div class="no-indent-block" style="text-align: left;"><!-- 称呼 -->各市(州)教育主管部门人事(师训)科,各相关省级名师名校长工作室:
</div>

CSS规则

/* 针对WordPress博客正文区域内的段落首行空两格 */
/* 原始的段落首行缩进样式 */
.entry-content p {
  text-indent: 2em; /* 首行缩进2个中文字符的宽度 */
}
/* 排除具有 'no-indent-block' 类的 div 中包含的所有 p 标签 */
.entry-content .no-indent-block p {
  text-indent: 0 !important; /* 强制取消缩进 */
}