1.使用text-overflow没有搭配属性使用:

        overflow:hidden;--溢出隐藏

        white-space:nowrap; --文本不换行,文本会继续在一行显示

        text-overflow:ellipsis;  --这时用此属性才能出现省略号

2.最近父元素或当前元素布局为flex布局

3.如果此时用的li标签有列表项目标记,overflow:hidden;同样会隐藏你的列表项目标记,

解决方法:

        为ul或者li添加属性:list-style-position:inside;

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐