DEDECMS仿站之路：[9]內容頁英文不換行?

本經驗介紹內容頁長英文或者數字組合的標題或者內容不能自動換行導致溢位隱藏，不能完整顯示

工具/原料

計算機

Dreamwwaver，APMserver，DEDECMS

方法/步驟

首先需要找到織夢預設的css：

預設為templets\default\style\page.css

在.viewbox .content{下增加強制英文和數字長字元自動換行CSS程式碼即可，完整程式碼如下： word-wrap:break-word; word-break:break-all;

結果如下：

.viewbox .content

{ font-size:14px; padding:12px 16px; line-height:25px; color:#333; word-wrap:break-word; word-break:break-all;}

語法：

word-wrap 屬性允許長單詞或 URL 地址換行到下一行。

word-wrap: normal break-word;

描述

normal 只在允許的斷字點換行（瀏覽器保持預設處理）。

break-word 在長單詞或 URL 地址內部進行換行。

語法：

word-break 屬性規定自動換行的處理方法。

word-break: normal break-all keep-all;

描述

normal 使用瀏覽器預設的換行規則。

break-all 允許在單詞內換行。

keep-all 只能在半形空格或連字元處換行。