Многоточие в CSS (»...„) не отображается

Question

Css для ребенка DIV, как показано ниже

width: 65%; 
    display: inline-block; 
    margin: 15px 20px; 
    font-size: 28px; 
    font-weight: bold; 
    line-height: 29px; 
    max-height: 89px; 
    min-height: 89px; 
    overflow: hidden; 
    text-overflow: ellipsis; 

Так что, когда у меня есть текст из стороны ДИВ текст становится клип, но не может видеть многоточием (т.е.“ ... «)

JSFiddle

Я хочу Многоточие так, что» ...»приходят в последней строке, если текст находится вне ДИВ

Answer 1

Вы забыли главное правило:

white-space: nowrap; 

Fiddle: http://jsfiddle.net/o411kdbg/1/

---

Несколько линий

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700); 
 
* { 
 
    margin: 0; 
 
    padding: 0; 
 
    -moz-box-sizing: border-box; 
 
    -webkit-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
} 
 

 
body { 
 
    padding: 3em 2em; 
 
    font-family: 'Open Sans', Arial, sans-serif; 
 
    color: #cf6824; 
 
    background: #f7f5eb; 
 
} 
 

 
p { 
 
    display: block; 
 
    /* Fallback for non-webkit */ 
 
    display: -webkit-box; 
 
    max-width: 400px; 
 
    height: 109.2px; 
 
    /* Fallback for non-webkit */ 
 
    margin: 0 auto; 
 
    font-size: 26px; 
 
    line-height: 1.4; 
 
    -webkit-line-clamp: 3; 
 
    -webkit-box-orient: vertical; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
}

<p>Pages that you view in incognito tabs won’t stick around in your browser’s history, cookie store or search history after you’ve closed all of your incognito tabs. Any files that you download or bookmarks that you create will be kept.</p>