DDR爱好者之家 Design By 杰米

Index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表格内容溢出省略号显示</title>

  <style type="text/css">
    .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;
    }
  </style>

  <!--relate to this page javascript-->
  <script src="/UploadFiles/2021-04-02/jquery.js">

效果如图:

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

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

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

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米

福利放送 2024/3/29

跑跑卡丁车单机版 2020-11-1(可与AI一起玩) 天翼云/百度云