最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
字太多用...代替的方法(两种)
时间:2017-06-28 编辑:简简单单 来源:一聚教程网
Jquery方法:
代码如下 | 复制代码 |
$(function() { $(".head-pic .user-name").each(function() { varmaxwidth = 4; if($(this).text().length > maxwidth) { varb = $(this).children().is("a"); if(b) { $(this).children().text($(this).children().text().substring(0, maxwidth) +"..."); }else{ $(this).text($(this).text().substring(0, maxwidth)); $(this).text($(this).text() +".."); } } }); }); |
css方法:
代码如下 | 复制代码 |
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; // IE -o-text-overflow: ellipsis; //Opera -icab-text-overflow: ellipsis; //iCab -khtml-text-overflow: ellipsis; //Konqueror Safari -moz-text-overflow: ellipsis; //Firefox,mozilla -webkit-text-overflow: ellipsis; //Safari,Swift |
-
上一个: js仿淘宝商品放大预览功能
-
下一个: jQuery阻止移动端遮罩层后页面滚动
相关文章
- 拼多多app如何替换头像 08-03
- 努比亚M2畅玩版怎么样 努比亚M2畅玩版多少钱 08-02
- 摩拜单车押金退款多久到账 08-01
- 哈罗单车人工客服电话多少 07-24
- cad多段线变空心是什么原因 怎么解决多段线变空心 07-24
- 拼多多怎么退回保证金 拼多多退回保证金的方法 07-22