Overflow CSS: prikaz sadržaja elementa

Stolovi kaskadnih stilova lako se koriste ako ne idete u džunglu nasljeđivanja, prioriteta, strukture klase, teorijskih trenutaka i praktičnog iskustva.

Glavna svrha svakog CSS svojstva je prikazati, ali to ne znači samo "vidljivo": dizajn "CSS Overflow hidden" je jednako važan.

Elementi stranice

Stranica ne sadrži samo elemente, elemente elemenata se mogu postaviti na njega, bilo da se radi o okvirima (i to ne može biti samo sastav komponenti već i drugo mjesto u cjelini) ili sustav predmeta koji se izrađuju ručno.

Naravno, velika većina developera stranice prakticiraju guma izgleda, prisiljen računati s rastućim količinama podataka i činjenica da je barijera od 800 600 piksela - nije prepreka do 640 KB, koja je nekoliko desetljeća prevladao mentalitet MS DOS kreatora nego zakomplicirati živote programera i korisnika prva osoba.

U gradnji web-mjesta sve je jednostavnije: stranica se ne uklapa na zaslon, preglednik to pomiče. Iako programer može pružiti izlaz sadržaja stranice u prozor bez trake za pomicanje i bez drugih svojstava: sadržaj stranice nikada neće izaći iz odabranog prozora. To je prirodno, izvan prozora su druge aplikacije i prozor preglednika - nije bolji od ostalih prozora: operativni sustav je uvijek iza ravnopravnosti aplikacija.

Međutim, bez obzira na to koliko su prioritet u odabiru mogućnosti izgleda, bez obzira koliko je distribuirana posjetitelje zainteresirane za optimalnu razlučivost zaslona za pregled web stranice, danas postoje razne zaslone koje nisu uvijek pravokutne mogućnosti fiksne veličine.

Dinamičan svijet kroz Overflow CSS

Prihvaćeno je da je stranica stranice sadržaj razložen hiperteksnim oznakama koji pokazuju kako je prikazati u ovoj ili onoj situaciji pod određenim uvjetima.

Sve se stalno mijenja. Čak i ako je web lokacija takva da se njegov sadržaj ne može mijenjati godinama, ne jamči se da ga neočekivani posjetitelj neće otvoriti na novom uređaju, što razvojni programer ove web stranice nije ni pogodio.

Opcije nekretnine za praviloOverflow CSS pruža samo četiri: moguće je sakriti sve što ide dalje od opsega elementa, prikazivanje, omogućavanje pomicanja uvijek ili samo kada je to potrebno ili nasljeđivanje vrijednosti od predaka.

U prvom slučaju (preljev: skriven), sve sadržaj koji nadilazi element bit će skriven i ono što je skriveno neće biti dostupno. Ova pozicija je djelotvorna, ali ne manje zanimljiva je mogućnost prikazivanja svega što nadilazi (prelijevanje: vidljivo). Dakle, programer daje posjetitelju priliku da uvijek ima ideju o cjelovitom sadržaju elementa i upravljanju volumenom. Manje mogućnosti pružaju se pomicanjem (preljev: pomaknite se - uvijek postoje trake za pomicanje - ili preljev: po potrebi se pojavljuju barovi za automatsko pomicanje).

Kako koristiti pravilo Overflow

Elementi unutar oznake koji imaju smislaCSS "prevelikog teksta", od posebnog su interesa samo kada predstavljaju tekst. Položaj drugih komponenti, u pravilu, fiksiraju se koordinatama ili relativnim položajima.

Tekstni elementi ne sadržavaju uvijek fiksni broj znakova i ako postoji potreba za pravilomprelijevanje, CSS je upućen da kontrolira opcije za neočekivanu promjenu količine sadržaja.

Konkretno, u fazi ispravljanje pogrešaka, možete se prijaviti na vrijednost svitku svojstva ili auto, a onda zaključati prikaz svega što nadilazi terenu, te posjetitelju set ključeva, koji će se kretati sadržaj nevidljivo u vidljivo područje. Ovo je uobičajena praksa. Nisu svi impresionirani trakom za pomicanje, neki vole četiri gumba: do početka, naprijed, natrag, do kraja.

Osim toga, pravilo prelijevanja CSS-a u vrijednosti automatskog / pomicanja donosi na stranicu element neugodne neizvjesnosti: preglednik ima prioritet prilikom pomicanja od stranice do njegovog elementa kada je pokazivač miša nad njom.

Kada element je blok teksta, to nije previše očito i neugodno, ali ako cijela širina prozora staviti klizača (blok elemenata-slike), a zatim u prevladavanju takva struktura nije uvijek moguće s mišem je često potrebno koristiti „u početku” ili”na kraju stranica ".

Prioritet za pomicanje

Dijalog stranice web stranice s posjetiteljem je od iznimne važnosti, kao i njegov dizajn, razvoj, sadržaj. Budući da web-mjesto otvara preglednik i čini ga u vlastitom prozoru ili zasebnoj kartici, najvjerojatnije je pravo na pomicanje trebalo imati stranicu, a ne njegov element. Ovo potonje ne može biti samo mnogo, ali svaka može imati svoju funkciju.

Web mjesto uvijek nosi određeno značenje, čak i ako se odnosi na područje filozofije, misticizma ili drugog nepredviđenog sadržaja. Zato uvijek možete preuzeti određeno dijaloško opterećenje na elementima s pravilom preljeva CSS-a.

Konkretno, ako je element je selektor za odabir godine (datum), a zatim klasičnog mjenjača nezgodno, jer će dostaviti scrollbar očito neugodnosti. Primjenom preljeva u ovom slučaju CSS se može učinkovito koristiti dodatno: unutarnja polja u elementu, dodjeljivanje razdoblja, pružaju priliku posjetitelju da brzo i povoljno postavlja željeni broj, mjesec, godina.