table固定列宽，每列超出部分用...代替，鼠标悬停显示全部内容

最新推荐文章于 2024-12-05 16:44:01 发布

weixin_30244889

最新推荐文章于 2024-12-05 16:44:01 发布

阅读量344

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zcleilei/p/7111698.html

本文介绍了一种使用CSS实现的表格单元格样式调整技巧，包括鼠标悬停效果、文本溢出处理等，适用于前端开发人员学习。

样式：

.table td:hover{
       overflow: visible;
       white-space: normal;
   }
    .table td {
        max-width:200px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #2fa4e7;
    }

转载于:https://www.cnblogs.com/zcleilei/p/7111698.html