css如何使用带省略号的div实现多行文本字段

Question

  

可能重复：
  Insert ellipsis (…) into HTML tag if content too wide
  With CSS, use “…” for overflowed block of multi-lines

您好我正在尝试使用div标签来显示问题 由于布局规范，这个div框受到大小的限制 这个div标签应该显示尽可能多的文本，如果它不能显示全部，它应该在末尾有省略号（即.....）

目前我希望它在该div中显示最多3行

如果超过3行，则显示省略号

示例：

这是一个问题， 来自跟随学生 谁参加了...

我对div标签的当前样式如下：

 .question {
    max-height: 40px;
    max-width:200px
    text-overflow: ellipsis;
    overflow: auto;
 }

这不是诀窍...... 请帮忙

Answer 1

将“overflow：hidden”添加到上面的