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

发布于 2024-02-17 建站笔记 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; /* 强制取消缩进 */
}