首页 > 代码库 > css td 溢出改为省略号

css td 溢出改为省略号

技术分享

    <style>
        .table{
            table-layout: fixed;
            width:100%;
        }
        .td{
            width:100px;  
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            
        }
        table td {
            border:1px solid red;
        }
    </style>

 备注: .table是整个表格的样式, .td是需要改变td长度溢出变省略号的样式。

css td 溢出改为省略号