超长隐藏，悬浮显示table

Posted 2020-08-19

<style type="text/css">
#table {
   width: 100%;
  margin-top: 10px;
  color: #4b4b4b;
  text-align: center;
  table-layout: fixed;
   
}
#table tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
#table th {
     padding: 3px;
  border: 1px solid #d2d2d2;
  background: #E2E3E4;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
   
}
#table tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
#table thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

#table td {
     padding: 3px;
  border: 1px solid #d2d2d2;
  white-space: nowrap;
  overflow: hidden
     
}
</style>