css talbe中td溢出隐藏 div溢出隐藏

td溢出隐藏

table{
        width:100px;
        table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */
    }
    td{
        width:100%;
        word-break:keep-all;/* 不换行 */
        white-space:nowrap;/* 不换行 */
        overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用*/
    }

div溢出隐藏

style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 190px" 注意一定要设置宽度

 

猜您喜欢

要发表评论,您必须先登录