美文网首页我爱编程
css设置内容超出后显示省略号

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

作者: 明月888 | 来源:发表于2018-05-23 23:50 被阅读0次

制作思路:

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