后台table内容表格溢出隐藏文字

最新推荐文章于 2024-03-18 07:55:14 发布

VIP文章 qq_31570703

最新推荐文章于 2024-03-18 07:55:14 发布

阅读量1k

点赞数

分类专栏： html PHP

本文链接：https://blog.csdn.net/qq_31570703/article/details/80494203

版权

1.自适应屏幕大小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
    #tb-data-table{width: 100%;min-width: 600px;table-layout: fixed;border:0;background-color: #BFBFBF}
    #tb-data-table #tb-data-title td{background-color: #BFBFBF;color: #333;height:35px;font-size: 14px;font-weight:500}
    #tb-data-table tr{height: 35px;}
    #tb-data-table tr td{padding: 5px 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;cursor: pointer}
    .tb-data-cont{color: #333;font-size: 12px;}
    .tb-data-cont tr td:hover{background-color: red}
</style>
<table cellpadding="0" cellspacing="1" id="tb-data-table">
    <tr class="tb-data-title">
        <th bgcolor="#FFFFFF">编号</th>
        <th bgcolor="#FFFFFF">

最低0.47元/天解锁文章

优惠劵

qq_31570703

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
后台table内容表格溢出隐藏文字

1.自适应屏幕大小&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;
复制链接

扫一扫