css 设置文本溢出容器时显示省略号

2023-11-21 08:37PM

要在文本溢出容器时显示省略号，可以使用 CSS 的 text-overflow 属性，该属性用于控制在容器中文本溢出时的显示方式。

要显示省略号，可以结合使用 text-overflow 属性和一些其他属性来实现。

eg：

.container 类将限制文本在一行中显示，并且如果文本溢出容器，则在溢出的位置显示省略号。

注意：为了使省略号生效，容器的宽度必须小于文本的实际宽度。如果容器的宽度大于文本的宽度，将不会发生溢出，因此省略号不会显示出来。