工業環保工程類企業網站織夢模板(帶手機端)

html5響應式網站織夢模板源碼IT網絡工作室織夢網

軟件APP類網站源碼織夢通用型企業網站源碼html

藍色安防器材公司類整站模板

安裝DedeCMS后的默認模板中，正文內容的顯示方式為左對齊，段落前面也沒有縮進，段落之間間距與行間距也沒有任何區別，這樣看起來非常不好看，也不便閱讀，所以需要改變一下排版樣式。

之所以會顯示成這樣的效果是因為在DedeCMS中的整個正文是一個DIV標簽，DIV標簽里面也沒有P標簽，可能是因為編輯器的原因，編輯器默認回車時生成BR標簽而不是P標簽，所以正文里面幾乎全是BR標簽，導致我們看到的都是分行，而沒有段落。

其正文對應的CSS文件目錄位置在：\templets\default\style目錄下面的Page.css文件里

里面具體的CSS內容為

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

要想改變其正文的顯示效果，比如增加段落縮進，加大段落間距等，可對文章正文的P標簽進行適當的CSS樣式控制。

我們可以這樣做：

第一步，確認正文內容包含P標簽

在文章的編輯頁面，點擊編輯器左上角的“源碼”命令，查看一下正文的源代碼中每段是否是用P標簽包裹，如果不是，則需要先把段落的BR標簽改成P標簽，當然不是在源代碼狀態改，可先再點一下“源碼”命令回到正常編輯視圖，把鼠標點到段落的末尾，然后按下Shift+Enter組合鍵，這樣就會自動加上P標簽了。

第二步，修改CSS代碼

在PAGE.CSS文件中的任意位置增加如下代碼，然后保存即可

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

第一句代碼的作用是增加段落縮進，段落首行縮進兩個字符，第二句代碼的作用是在每個段落的后面增加段落間距8px，如果你需要其它段落效果，可自行添加相應的CSS代碼。

修改完以后，再刷新一下就可以看到效果了，效果如下：