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

来源:9-7 表格布局详解

weixin_慕设计4129719

2022-03-05

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

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

1回答

西门老舅

2022-03-05

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

0
1
weixin_慕设计4129719
非常感谢!
2022-03-05
共1条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼:5大主流布局系统进阶

761 学习 · 239 问题

查看课程