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

Index.html

  
  

  
    .contain {
      font-family: ‘ Microsoft YaHei ';
      margin: 15px auto;
      width: 900px;
    }

    table {
      border: 1px solid #e3e6e8;
      border-collapse: collapse;
      display: table;
      table-layout: fixed;
      text-align: center;
      width: 100%;
    }

    th, td {
      border: 1px solid #e3e6e8;
      height: 38px;
      line-height: 38px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    th {
      background-color: #189AD6;
      color: #fff;
    }

    .layui-layer {
      word-break: break-all;
      word-wrap: break-word;
    }
  

  
  
  




  

    

    
货币
    
本周收盘
    
上周收盘
    
涨跌
    
幅度
    
    

    

      
EURGBP“EUR/GBP settled above 0.90 on Friday as the bounce in EUR/USD helped the lift the pair further into the 0.90 territory”.
      
0.86333333333393222222
      
0.88945555555555555553
      
-203333333333333333111
      
-2.3166%
    
    

      
EURGBP
      
0.8693
      
0.8894
      
-201
      
-2.31%
    
    

      
EURGBP
      
0.8693
      
0.8894
      
-201
      
-2.31%
    

    
  

效果如图:

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