11
Możliwe duplikaty:
Is it possible to implement the effect of overflow:ellipsis with javascript or css?
How do I indicate long text into a smaller fixed column with CSS?CSS: Jak ograniczyć tekst widoczny z użyciem "..."
chcę przyciąć tekst, jeśli jest to większy niż 300px szerokości z "..."
Na przykład, gdybym miał:
<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>
wyświetli jako:
this is greater than 300px, than only ...
short, don't trim
|----------- 300px wide ----------------|
Jak miałbym to zrobić z CSS/HTML?
możliwe duplikat [Czy jest możliwe do wdrożenia efekt przepełnienia: wielokropek z javascript lub css] (http://stackoverflow.com/questions/2995656/) i http://stackoverflow.com/questions/3067696 i http://stackoverflow.com/questions/802175/ oraz http://stackoverflow.com/questions/486563/man I nudzę się tym pytaniem –
Próbowałem powyższego i nie działało to przy użyciu ** czystego ** CSS/HTML. Działało to tylko wtedy, gdy użyłem JQuery i nie chcę używać JQuery. – Jason
** Może to być duplikat, ale nie znalazłem czystej odpowiedzi CSS/HTML, która DZIAŁA. Pojawiły się sugestie użycia kodu takiego jak link, ale ten kod NIE działa. ** http://stackoverflow.com/questions/2108740/how-do-i-indicate-long-text-into-a-smaller-fixed- column-with-css/2109035 # 2109035 – Jason