Visualizzazione dei risultati da 1 a 2 su 2

Discussione: elipsis on last line

  1. #1

    elipsis on last line

    Ciao Ragazzi,
    Ho bisogno di un piccolo aiuto.
    In pratica ho alcuni div con all'interno un testo, siccome il testo è molto lungo, vorrei inserire i puntini sospensivi quando finisce lo spazio all'interno del div.
    Ho provato con questo codice:

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    ma il risultato è ottimale solo su chrome:
    I sistemi informativi, in collaborazione con
    UAV , Key User di produzione e magazzini
    di pippo1, pippo 2 e pippo 3, hanno...

    Ho provato anche con questo codice:

    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;

    ma non mi manda a capo il testo e mi inserisce i puntini ad ogni riga

    I sistemi informativi, in collaborazione...
    La Direzione Acquisti, recependo le ...
    Il Consignment Stock è una modalità ...

    Ho provato anche ad utilizzare funzioni JS, del tipo : troncami la stringa a 100 caratteri e aggiungimi i puntini... ma quando inserisco un testo andando a capo ad ogni parola, i puntini non mi vengono visualizzati xkè 1oo° carattere è già stato nascosto dall'overflow....

    ( vi prego aiutatemi!!!!non so più dove sbattere la testa

  2. #2
    funziona con Chrome?
    bè, devi sistemare per gli altri Browser:

    dove hai -webkit-, togli e metti -moz- ecc...
    prova questo:
    es.

    codice:
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    display: box;
    line-clamp: 3;
    box-orient: vertical;
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.