Apskatīsim klasisku piemēru elementam, kas pēc satura ir ļoti mazs un rada pārplūdi, jo viss ir vieglāk saskatāms caur piemēriem, vispirms apskatīsim vienu, pirms apskatīsim īpašības, kas palīdz kontrolēt pārplūdi.
PiemērsIr daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.
Iepriekšējais kods pārlūkprogrammā ģenerē šādu rezultātu:
overflow-x / overflow-y: Tie nosaka horizontālās vai vertikālās pārplūdes uzvedību.
Pārpilde: Tas ir īsceļš, lai izmantotu iepriekšējo rekvizītu, un tā darbības secība ir pārpilde, pārplūde x, pārpilde y.
Īpašības, kuras var izmantot kopā ar elementu pārplūdes ir šādi:automašīna: Šī vērtība deleģē pārlūkprogrammai atbildību izlemt, ko darīt, parasti notiek tā, ka tad, kad elements sāk pārpildīties, tiek parādīta ritjosla.
paslēpts: Saturs tiek parādīts līdz daļai, kas nepārplūst, slēpjot pārējo saturu, tam nav mehānismu, lai lietotājam pateiktu, kas jādara, lai redzētu pārējo saturu.
bez satura: Pārpildīts saturs tiek noņemts, ja to nevar ievietot konteinerā. Šo vērtību neatbalsta neviena no populārākajām pārlūkprogrammām
bez displeja: Saturs ir paslēpts, ja to nevar pilnībā parādīt. Šo vērtību neatbalsta neviena no populārākajām pārlūkprogrammām.
ritiniet: Pārlūkprogramma ģenerē ritjoslu, kas ļauj lietotājam vienmēr redzēt pārpildīto saturu konteinerā. Josla būs atkarīga no pārlūkprogrammas un sistēmas, lai noteiktu tās parādīšanas veidu. Ritjosla vienmēr būs redzama pat tad, ja elements nepārplūst.
redzams: Šī ir noklusējuma vērtība. Saturs vienmēr tiek parādīts, pat ja tas ir pārpildīts.
Tagad, kad mums ir rīki pārplūdes novēršanai, praksē redzēsim, kā mēs to varam izmantot, nekas labāks par nelielu kodu, lai to parādītu:PiemērsIr daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.
Mēs esam izmantojuši divus elementus, lai parādītu, kā pārplūde, pirmajā mēs ievietojam īpašumu paslēptas kur mēs zinām, ka līdz saturam, kur sākas pārplūde, tiks parādīts tikai saturs, tad pārējais tiks paslēpts, un otrreiz mēs izmantosim ritināšanu, ar kuru tiks parādīta ritjosla, neatkarīgi no tā, vai elements pārplūst, redzēsim rezultātu:
