换行时将其剪掉

Question

我是div持有文本，我不希望div大于特定大小或大于特定大小。我已经在上面设置了最大宽度和最大高度。我现在的问题是，文本太长会带来问题。有没有必要在换行时截断文本？

编辑：我想在省略号开始前输入两行文字。

Answer 1

尝试一下：

.overflow {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden; 
  text-overflow: ellipsis;
}

  

这将使您的文本最多最多2行。

Answer 2

看起来您可以将文本显示在带省略号的单行中，也可以将两行显示在不带省略号的行中。

尝试在单行中使用省略号：

.overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

或者在没有省略号的情况下在两行中使用：

.overflow {
    text-overflow: ellipsis;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
}

这是您推荐的Sample Fiddle。