css三行省略号更多

在CSS中，如果想要把文本省略号形式展示，可以使用text-overflow属性。它提供了三种值：clip、ellipsis和string。

其中，ellipsis表示使用三个点来代替未显示的内容。在实际应用中，通常需要设置一个固定宽度，然后使用以下代码实现：

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: Nowrap;

这三行代码会将超出宽度的文本隐藏，同时在结尾处用“...”代替。其中，white-space: Nowrap会强制一行显示，否则“...”会在下一行显示。

如果想要更多的省略号，可以在前面加上若干个空格，让其超出宽度。例如：

  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: Nowrap;

而文本则可以这样写：

  前面很多空格……剩下的内容

这样就可以实现更多的省略号效果了。