text-overflow: ellipsis不生效的几种情况

正常的写法：

.firstLineEllipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

不生效的原因和解决办法：

  1. 没有给容器添加固定宽度
  2. 容器不可以是flex布局，若要使用flex布局，可以用flex布局的父元素包裹
Logo
云原生

云原生社区为您提供最前沿的新闻资讯和知识内容

更多推荐

cover

本地Docker部署Navidrome音乐服务器与远程访问听歌详细教程

avatar 云原生
cover

【docker系列】docker删除指定容器

avatar 云原生
cover

【Docker系列】制作基础镜像

avatar 云原生