Pravilo za overflow css

Ni nujno, da je element strani viden. Pogosto je potrebno le prikazati njegovo vsebino, ponavadi sliko, besedilo, tabelo. Pravilo za overjanje CSS določa način prikaza vsebine.

S tem, ko postavite elemente blokov v drugo, lahko učinkovito uredite prikaz vsebine znotraj želenih meja, upravljate drsne trakove in ustvarite lastno možnost za upravljanje vsebine.

Splošna pravila uporabe

Pravilo CSS za prelivanje sprejema pet vrednosti:

• vidno;
• skrita;
• drsenje;
• avto;
• podedovati.

Kadar je prikazano vidno, se lahko vsebina razširi preko elementa. V primeru skritega dela bo del, ki gre zunaj, odrezan. S pomikanjem in samodejnim prilagajanjem lahko dodate drsne trakove, da si ogledate vsebino izven elementa.

Velikost elementa je določena s pravilom širine in višine. Ko CSS pravilo za prelivanje omogoča pomikanje (drsenje in samodejne vrednosti), so njegove vrstice nameščene znotraj elementa. To ni vedno priročno in v večini primerov ne bo ustrezalo zasnovi strani, ko je razvijalec zainteresiran za upravljanje vsebine in ne namerava uporabiti klasičnih "drsnikov".

Praksa, kadar se element z vsebino obravnava ločeno, daje malo možnosti za doseganje želenega rezultata. Če se element šteje za zbirko več oznak blokov, ki so ugnezdene ali kombinirane druga z drugo, se odpre množica možnosti.

Ko CSS prekoračitve ni standardna različica pravila, odgovornost za pravilno prikazovanje vsebine temelji na JavaScript kodi.

Primer: JavaScript + overflow brez CSS

Edina "napaka" v pravilih CSS je, da izpolni svoje poslanstvo, kot ga predpisuje njihova sintaksa in namen. V večini primerov je to več kot dovolj.

V idealnem primeru uporabite overflow css (avtomatske ali drsne vrednosti). Pri testiranju lahko vedno vidite, kaj je prikazano v določenem bloku.

Medtem pa je zasnova spletne strani, želja razvijalca, da ponudi svojo možnost za krmarjenje po vsebini in, kar je najpomembnejše, področje uporabe lahko zahteva edinstveno drugačno rešitev, kot jo lahko ponudi CSS.

V tem primeru bloki ne morejo vsebovati le vsebine, ki se »premika« izven meja. Obstaja potreba, da se premaknejo med seboj. Eden od predmetov je emulacija elektronske mize za menjavo valut (dejansko je to div), vendar sta dve primerki vsebine. V enem primeru ena smer izmenjave, v drugi - druga.

Vsak blok se lahko raztegne (skrči) po višini in širini, se nahaja nad drugim blokom. Izvajanje teh funkcij s standardnim prekrivanjem CSS ni mogoče. Ko spremenite velikost glavne enote je treba rekonstruirati vse notranje div. Hkrati bi se morala velikost črk spreminjati sorazmerno, saj se zdi, da je možnost prekinitve informacij v finančnih programih slabo uporabna.

Čisti preliv CSS, vendar brez drsnikov

Drsenje, ki ga ponuja HTML / CSS, je nedvomno praktično, vendar je za fazo odpravljanja napak preprosto potrebno, vendar obstaja ena pomembna točka. Ko je miška nad blokom, v katerem se pomika, se vsebina tega bloka premakne in ne celotna stran.

Ta trenutek v praksi ni zelo primeren: morate nadzorovati mesto na strani, kjer lahko obrnete kolesce miške. Nekaterim obiskovalcem ni všeč, nekateri samo ne upoštevajo.

Medtem pa razvijalec ne preprečuje kombiniranja možnega z želenim. Če vsebina bloka presega njene meje, lahko v njej vnesete njeno bistvo, ki prepoveduje pomikanje po njem. Toda, ko je uporabnik nanj posvečal pozornost, medtem ko drži kurzor miške za nekaj časa, je treba blok razširiti na želeno velikost in v njej vstaviti vso vsebino.

V tej izvedbi bo stran koncentrirana vsebina, ki jo bo, če bo potrebno, obiskovalec sam razkril.

V splošnem se morate pri ustvarjanju blokovnih elementov odmakniti od ideje, da je en element en »div«, »span« ali »td«. Razmišljanje z oznakami HTML ni zelo koristno. Bolj praktično je razmišljati s semantičnimi elementi strani, in koliko jih potrebujejo za izvajanje HTML oznak je drugo vprašanje.

Vsebina gibanja

Če vzamemo idejo »obstaja blok, katerega dimenzije določajo njegovo vsebino«, potem je za overflow CSS pravilo to povsem drugačna možnost. Ni potrebe, da se zanašate na standardno drsenje ali pisanje lastne kode JavaScript.

Če oblikujete spletno stran kot zbirko elementov, katerih velikost in položaj je določena z njihovo vsebino, se bodo glede na dejanja obiskovalca razkrili določeni bloki. Možno je, da bodo razkrite na celotni strani ali na njenem pomembnem delu.

Na splošno je gibanje obiskovalca njegovo zanimanje za informacije. Ko pride na stran, opazuje svoje začetno stanje in izbere tisto, kar mu je zanimivo. Gibanje miške na zaslonu ali prsta na pametnem telefonu samodejno odpre trenutni trenutni blok, tako da ga zapre in odpre naslednji.

Trenutno pri ustvarjanju sodobne spletne strani ni tako težko, da je postalo problematično presenečenje in zanimanje obiskovalca. Dobra ideja je prehod od razmišljanja z oznakami HTML na manipulativne elemente informacij, ki so pomembne za obiskovalce.