js 加「 」的地方,考慮過長溢位省略處理

2021-06-01 20:39:21 字數 1048 閱讀 6557

在多數情況下要顯示文字資訊多時就需要顯示省略號,css裡有這個處理,使用方便:

語法:text-overflow :clip|ellipsis

取值:clip:預設值。不顯示省略標記(...),而是簡單的裁切

ellipsis:當物件內文字溢位時顯示省略標記(...)

說明:設定或檢索是否使用乙個省略標記(...)標示物件內文字的溢位。

這個屬性僅僅作用於水平內聯方向的,普通的西方文字的溢位。內聯溢位發生在行內的文字超出可用寬度卻沒有換行機會的時候。

要強制溢位發生並且應用ellipsis值,作者必須設定物件的

white-space 屬性值為nowrap

假如沒有換行機會(例如,物件容器的寬度是狹窄的,而內有很長的沒有合理斷行的文字),沒有應用nowrap也有可能溢位。

為了使ellipsis值被應用,此屬性必須被設定到具有不可視區域的物件。最好的選擇是設定

overflow 屬性為hidden。設定

overflow 屬性為scroll或者auto時,此屬性也會應用。但是會有滾動條出現。

通過選擇省略標記,隱藏的文字可以被選擇。當選擇發生時,省略標記會隱藏而被文字替換。

此屬性為在dhtml中製作省略標記提供了高效的方法。

此屬性對於currentstyle物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為textoverflow

示例:div

●   $

JS容易理解錯誤的地方

在這端 執行的末尾,你會不會hi變數回事函式中的hi了?你會不會認為這不是按引用傳遞了?對值傳遞和引用傳遞產生質疑了?1 var hi 2 function sayhello hi hi console.log yongshiyule178.com in function hi hi.a alert...

優化JS載入時間過長的一種思路

去年公司在漳州的乙個專案中,現場工程人員反映地圖部分出圖有點緩慢,大約需要20多秒。和另外乙個同事一起花了一兩天進行了 優化 壓縮 中介軟體優化以及服務部署優化後使地圖出圖縮短到了9秒上下。這裡對上次的經驗做乙個總結,提供一種優化js檔案載入時間過長的思路。這裡的中介軟體使用的是tomcat6.0。...

JS中易弄錯的地方 推薦閱讀

最近開始用js了,寫個備忘。1.你的js檔案是用gb2312型別儲存的吧,如果被有charset utf 8的網頁引用了,你麻煩就大了,js裡的中文字元全變亂碼。所以在引用js檔案時 上 charset gb2312 如 2.js檔案可分為 方法 和 方法呼叫 兩塊內容,方法 塊放在內,方法呼叫 塊...