Возможные дубликаты:
Возможно ли реализовать эффект переполнения: многоточие с javascript или css?
Как указать длинный текст в меньший фиксированный столбец с CSS?
Я хочу обрезать текст, если он имеет ширину более 300 пикселей с помощью "..."
Например, если бы у меня было:
<ul>
<li>this is greater than 300px, than only display as much of the text that is 300px wide and then replace the remaining text with "..."</li>
<li>short, don't trim</li>
</ul>
Отобразится как:
this is greater than 300px, than only ...
short, don't trim
|----------- 300px wide ----------------|
Как мне сделать это с помощью CSS/HTML?