省略号对于少数单词不起作用

Question

我有以下用于省略号的CSS。它适用于少数文本。但是对于少数文本它不起作用。

注意 - 这是两行 请帮忙

.myclass {
    max-width: 210px;
    width: 290px;
    height: 3em;
    min-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;     
}

Answer 1

使用以下代码

 <div class="myclass">Lorem Ipsum is simply dummy text of the printing and 
   typesetting industry.</div>
<style>
    .myclass {
        max-width: 250px;
        min-height: 3em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>