2010-12-11 21 views
6


Mam element DIV o stałej szerokości z tekstem, który nie ma żadnych spacji dla parsera HTML do automatycznego podziału na wiele wierszy. Tekst wykracza poza limit DIV i pomija pgae:Ukryj tekst wykraczający poza element DIV

  1. Czy mimo to tekst jest niewidoczny?
  2. Czy jest możliwe rozbicie go na wiele linii, czy nawet lepiej - podzielić na wiele linii za pomocą hipen na końcu każdej linii łamanej?

Pozdrawiam,
Rafid

Odpowiedz

12

Można to zrobić z CSS.

Czy mimo to tekst jest niewidoczny?

Tak: overflow

#yourDivId { 
    overflow: hidden; 
} 

Czy to możliwe, aby podzielić go na wielu liniach

Tak: word-wrap

#yourDivId { 
    word-wrap: break-word; 
} 
+0

Nie jestem pewien, czy zawijanie wyrazów jest obsługiwane we wszystkich przeglądarkach. –

+0

@Andrew Cooper: zobacz https://developer.mozilla.org/En/CSS/Word-wrap#Browser_compatibility –

+0

@ryanli: Poprawiam się. Dzięki. –

1

Odpowiedź na pierwsze pytanie jest zastosowanie następujące style:

overflow: hidden; 

Ewentualnie, jeśli chcesz móc przewijać w dziale div, aby zobaczyć zawartość, którą możesz wykonać.

overflow: auto; 

lub

overflow: scroll; 

Aby zrobić to, co pytasz w swoim drugim pytaniu, że trzeba trochę JavaScript.

+0

Tak, jestem w porządku z JavaScript, ale skąd mam wiedzieć, w której literze tekst zaczyna wykraczać poza granicę? Wiesz, nie używam czcionki Courier, aby mieć ustaloną szerokość czcionki (chociaż nie chciałbym, aby te wartości były sztywne). Dowolny pomysł? – Rafid

+1

Nie. Sam bym się z tym zabawiał. Nie zdziwiłoby mnie to, gdyby to było już dostępne w pluginach JQuery. –

Powiązane problemy