How can I show dots (“…”) in a span with hidden overflow?

Question

My CSS:

#content_right_head span
{
  display:inline-block;
  width:180px;
  overflow:hidden !important;
}

Now it\'s showi

Answer 1

You can try this:

.classname{
    width:250px;
    overflow:hidden;
    text-overflow:ellipsis;
}

Answer 2

 var tooLong = document.getElementById("longText").value;
    if (tooLong.length() > 18){
        $('#longText').css('text-overflow', 'ellipsis');
    }