怎么使用文本溢出后有省略号,还兼容???支持多行

3 1 收藏


直接登录
最新评论
  • Naraku   2015/12/21

    p {
    position:relative;
    line-height:1.4em;
    /* 3 times the line-height to show 3 lines */
    height:4.2em;
    overflow:hidden;
    }
    p::after {
    content:”…”;
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;
    background:url(http://xxx.png) repeat-y;
    }

  • E-day   2015/12/22

    多行文本溢出显示省略号(WebKit浏览器或移动端)
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;