花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

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

時間: 2020-08-24 21:36 閱讀: 作者:素材無憂網(wǎng)

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

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

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

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

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

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

我們可以這樣做:

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

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

第二步,修改CSS代碼

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

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

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

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

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 怎樣修改DedeCMS文章正文的顯示樣式

標(biāo)簽:  
相關(guān)文章
模板推薦