css ellipsis不起作用怎么办？

css ellipsis不起作用怎么办？

使用ellipsis时需要注意的事项：

• 文本内容宽度需要大于父级元素宽度

• 父级元素的display需要是block或inline-block

当ellipsis不生效时，给元素设置一个宽度和display:block即可。（推荐学习：CSS视频教程）

示例：

span{
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

效果：

更多CSS3相关技术文章，请访问CSS3答疑栏目进行学习！

以上就是css ellipsis不起作用怎么办？的详细内容，更多请关注0133技术站其它相关文章！