Låt oss se ett klassiskt exempel på ett element som är mycket litet för sitt innehåll och som genererar ett överflöd, eftersom allt är lättare att se genom exempel, låt oss först se ett innan vi fortsätter att se egenskaperna som hjälper oss att kontrollera överflödet.
ExempelDet finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val.
Den föregående koden genererar följande resultat i webbläsaren:
overflow-x / overflow-y: De bestämmer beteendet för horisontellt eller vertikalt överflöde.
Svämma över: Det är en genväg för att använda den tidigare egenskapen och den ordning den fungerar i är overflow, overflow x, overflow y.
Egenskaperna som kan användas med elementet svämma över är följande:bil: Detta värde delegerar till webbläsaren ansvaret för att bestämma vad som ska göras, vanligtvis är det som händer att en rullningslist visas när elementet börjar flöda med det.
dold: Innehållet visas upp till den del som inte flyter över, döljer resten av innehållet, det har inte mekanismer för att berätta för användaren vad han ska göra för att se resten av innehållet.
inget innehåll: Överflödigt innehåll tas bort om det inte kan rymmas i behållaren. Detta värde stöds inte av någon av de mest populära webbläsarna
ingen skärm: Innehållet är dolt om det inte kan visas helt. Detta värde stöds inte av någon av de mest populära webbläsarna.
skrolla: Webbläsaren genererar en rullningsfält som gör att användaren alltid kan se det överflödiga innehållet i behållaren. Fältet beror på webbläsaren och systemet för att definiera hur det visas. Rullningsfältet kommer alltid att vara synligt även om elementet inte flyter över.
synlig: Detta är standardvärdet. Innehållet visas alltid även om det flödar över.
Nu när vi har verktygen för att attackera ett överflöd, låt oss se i praktiken hur vi kan tillämpa det, inget bättre än en liten kod för att demonstrera det:ExempelDet finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val.
Det finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val.
Vi har använt två element för att visa hur svämma över, i den första placerar vi fastigheten dold där vi vet att endast innehållet kommer att visas upp till där överflödet börjar, då är resten dolt och för andra använder vi rullning, med vilken en rullningslist visas om elementet överflödar eller inte, låt oss se resultatet:
