2012-06-05 19 views
5

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.

+0

Czy masz jakikolwiek wymóg co przeglądarkach trzeba, że ​​jest to zgodne z? Czy chcesz wdrożyć rozwiązanie wykorzystujące JavaScript? – Wex

+0

Buduję rozszerzenie do Chrome, więc musi być zgodne tylko z Chrome. Wolałbym nie używać JavaScript. – mark

Odpowiedz

0

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:) ...

Powiązane problemy