div table 内容过长自动出现省略号

最新推荐文章于 2024-03-01 15:53:49 发布

libolei

最新推荐文章于 2024-03-01 15:53:49 发布

阅读量724

点赞数

分类专栏： C# ASP.NET

本文链接：https://blog.csdn.net/libolei/article/details/17439885

版权

C# ASP.NET 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<html>
<head>
    <title>自动省略号</title>
    <style type="text/css" >
       
    #tableShow
    {
        width:800px;
        table-layout:fixed; 
    }
 
    #tableShow tr td
    {
        text-overflow:ellipsis;
        overflow:hidden;
        white-space: nowrap;
    }

    </style>
</head>

<body>

<div style="width:100px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;">
    测试内容测试内容测试内容测试内容
</div>

<table id="tableShow" >
  <tr>
    <td>
	    测试内容测试内容测试内容测试内容
    </td>
    <td>
	    测试内容测试内容测试内容测试内容
    </td>
    <td>
	    测试内容测试内容测试内容测试内容
    </td>
    <td>
	    测试内容测试内容测试内容测试内容
    </td>
    <td>
	    测试内容测试内容测试内容测试内容
    </td>
    <td>
	    测试内容测试内容测试内容测试内容
    </td>
  </tr>
</table>

</body>
</html>