前端Css怎么让内容只显示几行，后面多余的部分已省略号...

TW773960

前端Css怎么让内容只显示几行，后面多余的部分已省略号...显示

流浪男

一行
.ellipsis-1 {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: normal !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
}
两行
.ellipsis-2 {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: normal !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
}

再多行修改-webkit-line-clamp

ACFans51

流浪男 发表于 2015-7-10 17:06
一行
.ellipsis-1 {
        display: -webkit-box;

大神！牛~~~~~~~谢谢

两只小鸟

流浪男 发表于 2015-7-10 17:06
一行
.ellipsis-1 {
        display: -webkit-box;

厉害，已收藏！

TW773960

ACFans51 发表于 2015-7-10 17:23
大神！牛~~~~~~~谢谢

谢谢。。。。。

mrbone9

预览全英文省略了的；中文的话还是不行

TW773960

mrbone9 发表于 2016-5-9 17:53
预览全英文省略了的；中文的话还是不行

中文可以的呀

lzy160824

流浪男 发表于 2015-7-10 17:06
一行
.ellipsis-1 {
        display: -webkit-box;

css3很熟嘛，有没有好的效果，给我看看，我说的是其他的效果

流浪男

lzy160824 发表于 2016-5-22 10:16
css3很熟嘛，有没有好的效果，给我看看，我说的是其他的效果

敢问下您想要什么效果

lzy160824

流浪男 发表于 2016-5-23 11:46
敢问下您想要什么效果

css3中的一下特效，比如图片的移动缩放，透明等