text-overflow不生效的问题
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;
更多推荐
已为社区贡献1条内容
所有评论(0)