Overflow: gestire contenuto eccedente
La proprietà overflow definisce come gestire il contenuto che eccede le dimensioni del contenitore.
Valori disponibili
.box {
overflow: visible; /* Default: contenuto visibile fuori */
overflow: hidden; /* Taglia il contenuto eccedente */
overflow: scroll; /* Sempre scrollbar */
overflow: auto; /* Scrollbar solo se necessario */
}Overflow per asse
.horizontal-scroll {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}Testo troncato con ellipsis
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}