对于特定维度，应隐藏大文本

Question

我有＆lt; p>那里有标签和文字。 的CSS：

p {
   max-height: 250px;
}

我想让我的文字隐藏不能适应250px高度的最后一个单词并将其更改为＆＃34; ...＆＃34;。 我试过了：

p {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: hidden;
}

它起作用但不是我想要的。它隐藏了不适合第一行的单词，但不能隐藏250px的高度。反正有没有这样做？提前完成。

Answer 1

您需要使用overflow-y属性来隐藏y轴。

有关overflow-y的更多信息。

CSS

p {
  max-height: 250px;
  width: 100px;
  white-space: nowrap;
  overflow-y: hidden;
}

HTML

<p>Some text goes here</p>

Answer 2

尝试这一点有助于确保

p{ 
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 250px;
  width: 150px;
}