CSS - Evita le pagine Web distorte
Evita le pagine distorte
Una pagina web può essere deformata a causa del suo contenuto: il testo non è allineato correttamente.
Ci sono tuttavia alcune soluzioni molto semplici a questo.
Masking parte del testo
Se il contenitore box è troppo piccolo e il contenuto supera la lunghezza, puoi usare il seguente codice per nascondere tutto oltre:
contenitore {
overflow: nascosto:
}
Il contenuto rimanente (mascherato) può essere aggiunto alla riga successiva.
Il primo metodo nasconde e rende invisibile la parte del testo. Non è sempre pratico. Se la deformazione della pagina è semplicemente dovuta al testo (una parola che allunga il suo blocco contenitore), puoi tagliare la parola:
contenitore {
word-wrap: break-word;
}
Risultato: