bootstrap表格内容太长问题处理

最新推荐文章于 2023-08-18 14:01:00 发布

疯狂咕噜咚

最新推荐文章于 2023-08-18 14:01:00 发布

阅读量3.1k

点赞数 1

分类专栏：前端文章标签： table内容太长处理

本文链接：https://blog.csdn.net/qq_24195023/article/details/99700166

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

直接加入样式代码，使数据内容太长时不会挤压表格，当前数据行可有滑动条：

table{
    margin: 0px;
    padding: 0px;
    width: 30%;
    border-collapse: collapse;
    table-layout: fixed;
}
table td{
    border: 1px solid #eef2e9;
    /* text-overflow: ellipsis; */ /* 加上，显示省略号*/
    white-space: nowrap;
    overflow: hidden;
}
table td:hover {
    overflow:auto;
    text-overflow:clip;
}