css溢出显示省略号

.1 、单行文本溢出显示省略号

```css

            /* 文本强制不换行 */

            white-space: nowrap;

            /* 溢出隐藏 */

            overflow: hidden;

            /* 溢出显示省略号 */

            text-overflow: ellipsis;

```

 

2、单行文本溢出显示省略号

```css

.box {

    width: 200px;

    line-height:30px;

    height:90px;

    background-color: red;

    position:relative;

    text-align:justify;

    overflow: hidden;

}

.box:after{

    content:"...";

    position:absolute;

    right:0;

    bottom:0;

    background-color: red;

    width:1em;

}

```

.2、多行文本溢出显示省略号

.2.1、方法一：after实现

``&