Limitare afisare lungime text

[djantonik]

Salutare,
N-am gasit un alt topic asemanator asa ca am deschis unul nou, sper sa nu deranjeze pe nimeni.
Am o problema referitoare la un camp de text.

Cod: Selectaţi tot

<div class="nc">								  CategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorie
</div>

In browser imi trece peste limitele div-ului .
As vrea sa fac cumva sa-mi apara , oricat de lung ar fi textul, doar cat e div-ul de mare si in continuare sa-mi apara (puncte puncte ) ...

CategorieCategorieCategorieCategorie...

Cum as putea face asta ?

Ca sa definesti /limitezi suprafata vizibila a continutului unui element HTML, poti folosi in CSS proprietatea clip . Ca sa functioneze, elementul respectiv trebuie sa aibe setat position: absolute; (il poti adauga in alt tag cu position: relative;).
Exemplu:

Cod: Selectaţi tot

<style type="text/css">
.cls {
 position: relative;
}
.nc {
 position: absolute;
 clip: rect(0px, 200px, 25px, 60px);
}
</style>

<div class="cls">
 <div class="nc">CategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorie</div>
</div>

- Poti gasi pe internet mai multe despre "CSS clip".

- Pentru adaugare si "..." la limitare, nu stiu.

Am mai gasit recent o solutie destul de buna dar neprobata pe toate browser-ele.

Cod: Selectaţi tot

<style type="text/css">
.test{
  word-wrap : break-word;
}
</style>

<div class="test">
CategorieCategorieCategorieCategorieCategorieCategorieCategorieCategorie
</div>

Iti afiseaza textul doar atat cat impune clasa/div-ul. Incercati si vedeti ce parere aveti.
Ceva cu puncte-puncte "..." n-am gasit pana acum nimic.