Czy jest coś takiego, jak -o-ellipsis-lastline
dla Google Chrome?elipsa dla tekstu wielowierszowego w przeglądarce Chrome
Buduję rozszerzenie do Chrome i chciałbym elipsoidować tekst wielowierszowy za pomocą CSS.
Czy jest coś takiego, jak -o-ellipsis-lastline
dla Google Chrome?elipsa dla tekstu wielowierszowego w przeglądarce Chrome
Buduję rozszerzenie do Chrome i chciałbym elipsoidować tekst wielowierszowy za pomocą CSS.
Niemożliwe jest utworzenie czystego CSS elipsy z uwagi na W3 spec for text-overflow.
ale jeśli rozwijają Chrome Extensions już przy użyciu JavaScript, więc o to niektóre dema i wtyczki do rozwiązania problemu:
Używam ostatniej wtyczki na moich własnych projektach.
Obecnie nie ma wielokropka dla tekstu wielowierszowego ... Ale można zrobić efekt wielokropka dla wielowierszowego przy użyciu prostych warunków. Oto przykład ...
że masz html jak to ...
<div class="class_name"><%=message%></div>
I renderowania tekstu w czasie wykonywania ... Twój tekst zostanie wydane i umieszczone w tagu div zamiast szablonu wiadomości. Więc co można zrobić, to ...
<% if(message.length < 100) { %>
<div class="class_name"><%=message%></div>
<% } else { %>
<div class="class_name"><%=message.slice(0,80)%>...</div>
<% } %>
Jeśli tekst jest więcej niż 100 znaków pokaże efekt wielokropka (na koniec 80 znaków)
Uwaga: Wartości 100 i 80 są opcjonalny. Można zmienić As You niepokojem ...
Nadzieja pomaga:) ...
Czy masz jakikolwiek wymóg co przeglądarkach trzeba, że jest to zgodne z? Czy chcesz wdrożyć rozwiązanie wykorzystujące JavaScript? – Wex
Buduję rozszerzenie do Chrome, więc musi być zgodne tylko z Chrome. Wolałbym nie używać JavaScript. – mark