促織網

標題: dz論壇3.2修改帖子和門戶內容頁字體行間距的方法 [打印本頁]

作者: WANGZIYING 時間: 2018-4-27 17:05
標題: dz論壇3.2修改帖子和門戶內容頁字體行間距的方法
今天將論壇升級為3.2，但是發現字體和行距不太好，重新設置。在網上搜索，發現了三種方法。
一種是在dz官方論壇發現的。修改方法如下圖所示。
(, 下載次數: 80)
目前的dz3.2里面默認是有字號的，但是沒有line-height:2.5相關是文字。我寫上去后并更新，發現字號反而小了兩號，行距也沒有變化，說明上面的方法不適合3.2版本了。
第二種方法。找到文件template\default\forum\viewthread_node_body.htm，將<div class="pcb">改為<div class="pcb" style="line-height:30px;">
更新后，發現有效果，行距變大了，與新浪網正文差不多了。就這樣吧。改變數字（上面是30）可以調整行距大小。
第三種，改完后發現的一種方法。沒有試驗，已做備用吧。
修改帖子文字行間距：
找到相應模板的common目錄下的module.css文件，在900行的

.t_f, .t_f td { font-size: {MSGFONTSIZE}; }改為.t_f, .t_f td { font-size: {MSGFONTSIZE}; line-height:2em;}

里面還有修改門戶內容頁字體行間距的方法
搜索.vw .d {，在1437而找到了：.vw .d { margin: 15px 0; min-height: 100px; font-size: 14px; line-height: 1.8; color: #000; }
改為：.vw .d { margin: 15px 0; min-height: 100px; font-size: 14px; line-height: 3; color: #000; }
上面的

line-height: 3，即表示門戶文章行間距為原來的3倍，一般設置為兩倍即可。
代碼解讀：
margin: 15px 0; 上外邊距是 15px ，下外邊距是 0px
min-height: 100px; 定義段落的最小高度這100像素
font-size: 14px; 字體大小為14像素
line-height: 3 設置行間的距離
color: #000; 顏色為黑色

可以統一文本，如設置為：

.vw .d { margin: 15px 0; min-height: 100px; font-family: 仿宋_GB2312; font-size: 20px; line-height: 40px; text-indent: 40px; color: #000; }

歡迎光臨促織網 (http://www.35722aa.com/)

国产成版人视频直播app|欧美日韩在线亚洲一区蜜芽|久久99精品久久久久久|亚洲精品无码鲁网中文字幕|亚洲AV永久无码天堂