单元格内容过长不想换行，并且要显示省略号

Question

单元格内容过长不想换行，并且要显示省略号，为啥要套一个p标签，才能达到效果？

  /* 单元格文字内容过长不换行显示省略号，必须在外面包裹一层p标签。为什么不能直接对td设置文字省略号的样式？ */
    td p {
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

Answer 1

西门老舅 2022-03-05 17:03:56

你好，td的display值是table-cell，而p的display是block，省略号添加形式只能针对display是block的元素

• 提问者 weixin_慕设计4129719 #1

  非常感谢！