Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法

Index.html

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题表格内容溢出省略号显示/title style type='text/css ' .包含{ font-family: '微软雅黑；margin: 15px汽车；宽度： 900像素；}表格{边框： 1px实心# e3e 6 e 8；边界崩溃：崩溃；显示器：表；固定表布局：文本对齐：中心；宽度： 100%;} th，td { border: 1px固体# e3e6e8height: 38px线高： 38px飞越：隐藏；文本-飞越：省略号；空白： nowrap} th {底色： # 189 ad6color: # fff}。layui-layer { word-break : break-all；单词包装：断字；} /style！-与此页面相关JavaScript-script src=' http :https://cdn。bootcss。com/jquery/2。2 .4/jquery。js '/script script src=' http :https://cdn。bootcss。com/layer/3。1 .0/层。js '/script/head dydiv class=' contain '表和th货币/th本周收盘/th上周收盘/th涨跌/th幅度"欧元/英镑周五收于0.90上方，因为欧元/美元的反弹帮助欧元兑美元进一步升至0.90区间"。TD/TD TD td0。8633333333333932222/TD td0。8894555555553/TD-20333333333333311/TD TD TD-2.3166%/TD/tr tdEURGBP/TD td0。8693/TD td0。8894/TD .on('mouseenter '，function() { //js主要利用在中间和滚动宽度判断是否溢出。 //在这里滚动宽度是包含内容的完全高度，偏移是当前表格单元格的宽度如果(这个。除此之外。scroll width){ var=this；var text=$(this).text()；window.layer.tips(文本，即，{ tips: 1，time : 2000 })；} });})/脚本/正文/html效果如图：

以上这篇Layer.js实现表格溢出内容省略号显示，悬停显示全部的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

版权声明：Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益，请联系本站底部QQ或者邮箱删除。