使用text-overflow对表格中的数据进行隐藏，却不能实现

夏悠桥沐

于 2015-08-25 16:43:15 发布

阅读量457

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签：隐藏文字表格

本文链接：https://blog.youkuaiyun.com/u012884402/article/details/47979395

CSS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用CSS实现表格中的文字隐藏效果，并通过添加省略号来指示文本已溢出。作者分享了一种方法，即结合使用overflow、white-space、text-overflow属性以及设置宽度和display属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天用了表格中文字隐藏，发现text-overflow不能让其溢出文字隐藏，找了资料发现还缺少东西

.hidden1{
    overflow: hidden; /*自动隐藏文字*/
    white-space: nowrap;/*强制不换行*/
    text-overflow:ellipsis;/*文字隐藏后添加省略号*/
    width: 650px;
    display:block;
}

table{
table-layout:fixed;
}

我将display:block加上后就可以实现隐藏了，但是本人还不知道原因。