相关疑难解决方法(0)

CSS-多行线夹(省略号)不起作用

问题图片

我将此类应用于h3标签。

.ellipsis-2 {
  $lines: 2;
  $line-multiple: 1.3;
  $font-size: 1em;
  display: block;
  display: -webkit-box;
  max-height: $font-size * $line-multiple * $lines;
  line-height: $font-size * $line-multiple;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-line-clamp: $lines;
  -webkit-box-orient: vertical;
}
Run Code Online (Sandbox Code Playgroud)

正如您在图像中看到的那样,有整行文本,省略号没有显示。

但是当我调整屏幕大小时,省略号可以正常工作。

仅在第一次页面渲染时出现问题。

有没有?

ellipsis linefeed

5
推荐指数
2
解决办法
4054
查看次数

标签 统计

ellipsis ×1

linefeed ×1