Многоточие переполнения текста не имеет символа !!! при использовании с вебкитом ⇐ CSS

[Anonymous]

у меня есть CSS, как показано ниже

Код: Выделить всё

div.b {
white-space: nowrap;
width: 50px;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000000;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
line-height: 16px;
white-space: normal;
}

с текстом
no-webkit-!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!
тогда text-overflow: ellipsis не будет работать должным образом, если использовать display: -webkit-box;
отлично работает, если текст не содержит таких символов, как !!!!!!!!!!!!!!!!!!!!!!!
или удалите display: -webkit-box;. но я хочу сохранить отображение: -webkit-box;, потому что мне нужно отобразить 2 строки, которые необходимы display: -webkit-box;
любое решение будет оценено!
вот код в jsfiddle.
https://jsfiddle.net/thanhtungka91/gvbchao1/

Подробнее здесь: https://stackoverflow.com/questions/787 ... ith-webkit