制作思路:
1.使用overflow: hidden把超出的内容进行隐藏;
2.然后使用white-space: nowrap设置内容不换行;
3.最后使用text-overflow: ellipsis设置超出内容为省略号
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
制作思路:
1.使用overflow: hidden把超出的内容进行隐藏;
2.然后使用white-space: nowrap设置内容不换行;
3.最后使用text-overflow: ellipsis设置超出内容为省略号
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
本文标题:css设置内容超出后显示省略号
本文链接:https://www.haomeiwen.com/subject/ykxjjftx.html
网友评论