在網頁中經常碰到字元斷行的問題,一般情況下只要設定了外層容器的寬度都能自動斷行,但也不能排除極端情況下,比如數字「11111111」和字母「lllllllllllllllllllllll」的情況下,瀏覽器就不能自動斷行了。這時用word-wrap:break-word;和word-break : break-all;屬性就能解決。但這只是ie7及以下瀏覽器能支援,ff和ie8就不支援了(ff4.0好像可以了)。
原來解決這個問題都是用js判斷字元數,然後加上「
」強制斷行,今天遇到了新需求,再用這個js處理就不是很理想了。
就是如果用js判斷字元數,因為像數字中文「啊啊啊啊」「1111」和字母「llll」字元數是一樣,但所佔寬度相差還是很大的,所以這個方法對於需要處理很細的專案還是不行的。
在群裡和各位前輩們討論了,也沒有其它好的方法,菲哥提供了乙個解決方法就是,使用等寬字型,因為每個字元的寬度都一樣,那樣用js處理字元截斷不同的字元效果就一樣了,但這也侷限了字型,等寬字型排版不好看,現在用等寬字型的也很少。
: pre-wrap
;word-wrap
: break-word
; ,問題解決!暫時用的效果不錯,可能會有些侷限性不能用這個標籤,但暫時還沒有碰到別的解決方法,這個算是比較完美的了。
比較好的firefox中字元換行解決方法
在網頁中經常碰到字元斷行的問題,一般情況下只要設定了外層容器的寬度都能自動斷行,但也不能排除極端情況下,比如數字 11111111 和字母 lllllllllllllllllllllll 的情況下,瀏覽器就不能自動斷行了。這時用word wrap break word 和word break bre...
AsyncTask 比較好的解釋
package com.example.asynctask import android.os.asynctask import android.widget.progressbar import android.widget.textview 生成該類的物件,並呼叫execute方法之後 首先執行...
HTML中DL UL OL用哪個比較好?
這裡是修真院前端小課堂,每篇分享文從 八個方面深度解析前端知識 技能,本篇分享的是 html中dl ul ol用哪個比較好?ul,ol,dl標籤是css網頁布局中常用的列表元素。列表將具有相似特徵或先後順序的內容按照從上到下的順序排列起來 1.ul標籤 無序列表始於 u l 標籤。每個列表項始於l ...