省略號(hào)怎么打出來(lái)CSS

在CSS中，可以使用以下兩種方法打出省略號(hào)（...）：

***種方法：使用CSS的text-overflow屬性

text-overflow屬性用于控制文本溢出時(shí)的顯示效果，當(dāng)文本溢出時(shí)，可以將文本截?cái)嗖@示省略號(hào)，具體實(shí)現(xiàn)方式如下：

1、設(shè)置文本的寬度和高度，以便在文本溢出時(shí)進(jìn)行截?cái)唷?/p>

2、使用text-overflow屬性將文本溢出時(shí)的顯示效果設(shè)置為省略號(hào)。

3、可選地，使用white-space屬性設(shè)置文本不換行。

以下CSS代碼可以將一個(gè)div元素的文本溢出時(shí)顯示為省略號(hào)：

div {
  width: 100px;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

第二種方法：使用CSS的::after偽元素

使用::after偽元素可以在元素的內(nèi)容后面添加一些內(nèi)容，包括省略號(hào)，具體實(shí)現(xiàn)方式如下：

1、給元素添加::after偽元素。

2、設(shè)置偽元素的內(nèi)容為省略號(hào)。

3、可選地，使用content屬性設(shè)置其他內(nèi)容。

以下CSS代碼可以將一個(gè)div元素的文本溢出時(shí)顯示為省略號(hào)：

div::after {
  content: " ...";
}

無(wú)論使用哪種方法，都可以實(shí)現(xiàn)CSS中省略號(hào)的打出。