javascript to achive the same result as css ellipsis

Question

due to some reason I cant use the css method

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100px;

the above make my user define text in a li if reached 100px, it will add '...', can it be achieve using jquery?

Answer 1

You can simply use the Jquery ellipse plugin

$('#target').ellipsis({
    row: 2
});