大文本应该隐藏的具体尺寸

Question

我有< p>标记和文字在那里。 的CSS：

p { 
    max-height: 250px; 
} 

我要让我的文字隐藏最后一个字不能适合身高250像素，并更改为“...”。 我试过了：

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

它的工作，但不是我想要的。它隐藏了第一行不适合的单词，但不包含250px的高度。无论如何要这样做？提前Thanx。

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; 
}