在中發(fā)表文章的時(shí)候,如果其中有長(zhǎng)串的數(shù)字和英文字符,例如文件的路徑、注冊(cè)表路徑、下載地址等,通常不能自動(dòng)換行,從而造成溢出的部分要么延伸到側(cè)邊欄中,要么被隱藏,這都是不正常的。
解決這個(gè)問題的方法就是要在CSS樣式表中加入換行控制代碼。
具體方法如下:在style.css樣式表文件中,找到content文章內(nèi)容控制部分,加上以下樣式代碼即可。具體看需求選擇。
1. word-break:break-all;只對(duì)英文起作用,以字母作為換行依據(jù)
2. word-wrap:break-word; 只對(duì)英文起作用,以單詞作為換行依據(jù)
3. white-space:pre-wrap; 只對(duì)中文起作用,強(qiáng)制換行
4. white-space:nowrap; 強(qiáng)制不換行,都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不換行,超出部分隱藏且以省略號(hào)形式出現(xiàn)(部分瀏覽器支持)
以上樣式代碼兼容 IE 和 FF 。