大文本應該隱藏的具體尺寸

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