DedeCMS文章正文显示样式修改方法

安装 DedeCMS 后，默认模板中的正文内容显示为左对齐，段落前没有缩进，段落间的间距与行间距也没有明显区别。这样的排版不仅影响美观，还降低了阅读体验。因此，我们需要对排版样式进行调整。

之所以会出现这种效果，是因为在 DedeCMS 中，整个正文内容被包含在一个 DIV 标签内，而该 DIV 标签内部并没有 P 标签。这可能是由于编辑器的默认设置，回车时生成的是 BR 标签而非 P 标签，导致正文内容看起来只是分行显示，而不是按段落分隔。

正文对应的 CSS 文件位于以下目录：
\\templets\\default\\style 目录下的 Page.css 文件。

具体的相关 CSS 内容如下：


.viewbox .content{
    font-size:14px;
    padding:12px 16px;
    line-height:25px;
    color:#333;
}

为了改善正文的显示效果，例如增加段落缩进、加大段落间距等，可以通过对文章正文的 P 标签添加适当的 CSS 样式来实现。

以下是具体的操作步骤：

第一步：确认正文内容包含 P 标签
在文章编辑页面，点击编辑器左上角的“源码”按钮，检查正文的源代码中每段是否用 P 标签包裹。如果发现不是 P 标签，则需要将 BR 标签替换为 P 标签。注意，不要直接在源代码状态下修改，而是先点击“源码”按钮回到正常编辑视图，然后将鼠标移动到段落末尾，按下 Shift+Enter 组合键，这样可以自动为段落添加 P 标签。

第二步：修改 CSS 代码
打开 Page.css 文件，在任意位置添加以下代码并保存：


.viewbox .content P{
    text-indent:2em;
    margin-bottom:8px;
}

第一句代码的作用是为段落首行增加两个字符的缩进，第二句代码则在每个段落后增加 8px 的间距。如果你需要其他段落效果，可以根据需求自行添加相应的 CSS 样式。

完成以上修改后，刷新页面即可看到效果。通过这些简单的调整，可以让文章的排版更加美观，提升用户的阅读体验。

推荐阅读