> 文章列表 > css设置内容超出后显示省略号

css设置内容超出后显示省略号

css设置内容超出后显示省略号

制作前端页面时,在一些标题、简介等需要给用户看到一内容,当内容超过一个范围后就会把内容隐藏并显示省略号给用户提示。
制作思路:
1.使用overflow: hidden把超出的内容进行隐藏;
2.然后使用white-space: nowrap设置内容不换行;
3.最后使用text-overflow: ellipsis设置超出内容为省略号

css设置内容超出后显示省略号

哈萨克斯坦旅游