css省略号

CSS省略号表示在文本溢出时如何显示省略号（...）。通过使用css属性text-overflow和overflow来实现。

text-overflow用于指定文本的溢出情况。

```

text-overflow: clip; //修剪文本以适应容器大小

```

```

text-overflow: ellipsis; //用省略号表示被修剪的文本

```

```

text-overflow: inherit; //继承父元素的text-overflow属性

```

```

text-overflow: initial; //使用浏览器的默认方式显示文本溢出

```

overflow用于指定当内容超出容器大小时如何处理。

```

overflow: visible; //内容超出时不进行任何修剪，显示在容器外部

```

```

overflow: hidden; //内容超出时隐藏超出部分

```

```

overflow: scroll; //出现滚动条以便查看溢出内容

```

```

overflow: auto; //根据内容自动决定是否出现滚动条

```

下面是一个简单的例子来展示如何使用CSS省略号。

```html

```

在这个例子中，一个宽度为200px，高度为100px的容器被创建。使用white-space: nowrap属性来防止文本换行，使用overflow: hidden属性隐藏超出容器大小的部分，并使用text-overflow: ellipsis属性展示省略号。

这样，当文本内容超出容器大小时，会以省略号表示被修剪的文本。