怎樣修改DedeCMS文章正文的顯示樣式

工業(yè)環(huán)保工程類企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

軟件APP類網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

藍(lán)色安防器材公司類整站模板

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

之所以會(huì)顯示成這樣的效果是因?yàn)樵贒edeCMS中的整個(gè)正文是一個(gè)DIV標(biāo)簽，DIV標(biāo)簽里面也沒(méi)有P標(biāo)簽，可能是因?yàn)榫庉嬈鞯脑?，編輯器默認(rèn)回車時(shí)生成BR標(biāo)簽而不是P標(biāo)簽，所以正文里面幾乎全是BR標(biāo)簽，導(dǎo)致我們看到的都是分行，而沒(méi)有段落。

其正文對(duì)應(yīng)的CSS文件目錄位置在：\templets\default\style目錄下面的Page.css文件里

里面具體的CSS內(nèi)容為

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

要想改變其正文的顯示效果，比如增加段落縮進(jìn)，加大段落間距等，可對(duì)文章正文的P標(biāo)簽進(jìn)行適當(dāng)?shù)腃SS樣式控制。

我們可以這樣做：

第一步，確認(rèn)正文內(nèi)容包含P標(biāo)簽

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

第二步，修改CSS代碼

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

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

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

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