CSS 超出隱藏實現限制字數的功能代碼(多瀏覽器)

2024-07-11 08:26:59

字體：大中小

來源：轉載

供稿：網友

CSS限制字數

復制代碼

代碼如下:
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; /* for IE */
-o-text-overflow: ellipsis; /* for Opera */
-icab-text-overflow: ellipsis; /* for iCab */
-khtml-text-overflow: ellipsis; /* for Konqueror Safari */
-moz-text-overflow: ellipsis; /* for Firefox,mozilla */
-webkit-text-overflow: ellipsis; /* for Safari,Swift*/

看了上面的代碼挺郁悶的，根本實現不了，看來好多站長對這種簡單的代碼都不測試就發了，郁悶。所以我們特別發一下我們自己用的，但firefox不兼容但可以使用，沒有省略號。

提示：您可以先修改部分代碼再運行

下面是用js實現的通過計算數字的長度進行截取的，但對于中文跟英文一樣算一個，是肯定不行的了，錯新站長站以前發布過js計算字符串長度的，中文算兩個字符的文章，可以參考下。

上一篇：Float 菜單水平居中簡單方法

下一篇：簡單的CSS 下拉導航菜單實現代碼

發表評論

共有條評論