单行文本省略号和多行文本省略号

单行文本省略号的设置必须满足,以下四个条件:

    1.固定的宽度:width:value;

    2.强制在一行显示:white-sapce:nowrap;

    3.溢出部分隐藏不可见:overflow:hidden;

    4.显示省略号:text-overflow:ellipisis;

多行文本省略号:

    1.display:-webkit-box;

    2.-webkit-box-orient:vertical;

    3.-webkit-line-clamp:3;

    4.overflow:hidden;

posted @ 2019-06-25 16:28  曼巴博博  阅读(324)  评论(0编辑  收藏  举报