国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > CMS > 織夢DEDE > 正文

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

2024-07-12 08:27:28
字體:
來源:轉載
供稿:網友

安裝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代碼。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新蔡县| 土默特左旗| 扎兰屯市| 民勤县| 东乡| 辽中县| 津市市| 荔波县| 册亨县| 峡江县| 龙口市| 中方县| 汶上县| 虎林市| 海城市| 贡嘎县| 丰顺县| 吉首市| 芷江| 寻乌县| 宜君县| 万年县| 昭通市| 喀喇沁旗| 韶山市| 巧家县| 普安县| 紫金县| 胶南市| 甘孜| 宁强县| 天全县| 新晃| 宁阳县| 区。| 郯城县| 舒城县| 洛川县| 安西县| 乌拉特前旗| 卢龙县|