text-overflow不生效的问题

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

        overflow：hidden；--溢出隐藏

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

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

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

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

解决方法：

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