Jak ukryć część tekstu wewnątrz div lub span?ukryj część tekstu html, css, javascript
Mam tekst do 160 znaków, ale chciałbym, aby wyświetlić tylko pierwszy 40.
muszę mieć pełny tekst w moim div, span jak zrobić wyszukiwania javascript.
Będziesz potrzebował trochę javascriptu, aby utworzyć rozpiętość wokół ostatnich 120 znaków, które je ukrywają. Istnieje atrybut CSS "widoczność: ukryta", który można zastosować do zakresu.
Coś takiego powinno być wynikiem:
<div>first 40 chars <span style="visibility:hidden">last 120 chars</span></div>
Jeśli chcesz clip div do pewnej wielkości, zamiast dokładnej liczby znaków, można po prostu dać div żądany rozmiar i określ overflow: hidden, aby przyciąć zawartość, która nie pasuje.
Jeśli upewnisz się, że wysokość elementu div jest mnogością wysokości wiersza tekstu, zawartość nie zostanie przycięta w (pionowym) środku wiersza.
Możesz użyć prostej właściwości css dla swojego elementu "text-overflow: ellipsis;" aby skutecznie korzystać z tej właściwości, musisz zastosować wraz z nią powiązane właściwości.
Na przykład:
<div style="width: 50px; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden;">Some text goes here</div>
* Testowano Chrome.
To czysta magia. – fiatjaf
To nasuwa pytanie: "Jak znaleźć pierwsze 40 znaków?" ... (zakładając, że nie jest to statyczny kod HTML) –
@Madmartigan Jeśli nie jest statycznym kodem HTML, można dodać zakres podczas generowania strona na serwerze. Nie powinno być zbyt trudne w PHP lub ASP. Łatwo z JQuery. – GolezTrol