Overflow CSS: kuvada sisu element

Kaskaadlaadistikke on lihtne kasutada, kui te ei lähe rägastikku pärandi jaotamise eelist klassi struktuur, teoreetilisi aspekte ja praktilised kogemused.

Peamine eesmärk iga vara CSS - ekraan, kuid see ei tähenda ainult "nähtav": mitte vähem oluline disain "CSS Overflow peidetud".

leheelemente

Page sisaldab mitte ainult elemendid, see võib paikneda elemendid elemendid, kas raamid (ja see võib olla mitte ainult kogum komponente, kuid eri kohas täielikult) või teha ise süsteemi objektid.

Loomulikult enamik arendajad saite praktiseerivad kummist paigutus, sunnitud arvestama kasvava hulga info ja asjaolu, et barjääri 800 600 pikslit - ei tõkestaks 640 KB, mis paar aastakümmet ületada mentaliteet MS DOS loojad kui keerukamaks elu programmeerijad ja kasutajate esimene lauaarvutid.

Sait hoone algselt kõik on lihtsam: leht ei mahu ekraanile, brauser teeb kerida. Kuigi arendaja võib pakkuda väljundit lehekülg akna sisu ilma kerimata riba ja mitte ühtegi muud omadused: lehe sisu ei saa kunagi välja pärast akna talle eraldatud. See on loomulik, väljaspool akent on ka teisi rakendusi ja brauseri aken - pole parem kui teised aknad: operatsioonisüsteem on alati võrdõiguslikkuse rakendusi.

Siiski, ükskõik kuidas nad prioriteediks valik paigutuse valikuid, kuitahes jaotatud külastajat huvitatud optimaalne ekraani resolutsioon vaatamise sites täna on erinevaid ekraane, mis ei ole alati ristkülikukujulise võimalusi fikseeritud suurusega.

Dünaamiline maailma läbi Overflow CSS

Eeldatakse, et sait lehekülg - selle sisu, laotatakse hüperteksti silte, mis täpsustavad, kuidas ta näitab konkreetsel juhul teatud tingimustel.

Kõik on pidevas muutumises. Isegi kui sait on selline, et selle sisu ei saa aastate jooksul muutunud, ei ole mingit garantiid, et ootamatu külaline ei avane see uus seade, mille selle veebisaidi arendaja ei tea isegi.

Valikud omadusi eeskirjad Overflow CSS pakub ainult neli on lubatud varjata midagi, mis läheb kaugemale elemendi pindalaga, ekraan, pakuvad kerimine alati või ainult siis, kui vaja, või pärida väärtus esivanem.

Esimesel juhul (overflow: peidetud), sisu, mis läheb kaugemale toode on peidetud, kuid kadunud, ei ole saadaval. See seisukoht on efektiivne, kuid mitte vähem huvitav on võimalus näidata kõik, mis on väljaspool (overflow: nähtav). Nii arendaja pakub külastajale võimaluse alati olema teadlikud kogu sisu element ja kontrollida selle mahtu. Vähemate võimalustega annab scroll (overflow: leidke - kerimisriba on alati olemas, või ülevoolu: auto - ilmuvad kerimisribad kui vajalik).

Olemas Overflow Kasutustingimused

", представляют особенный интерес, только когда они представляют собой текст. Elemendid, mis on sildi sees, millel on tähendus CSS "text overflow", on eriti huvi ainult siis, kui nad on tekst. Asend teiste komponentide, tavaliselt fikseeritud koordinaatidele või suhtelisi asendeid.

Tekst elemendid ei sisalda alati fikseeritud arvu märke, ja kui teil on vaja kasutada eeskirjad ülevoolu, CSS ülesandeks jälgida võimalusi ootamatud muutused sisu mahtu.

Eelkõige etapil silumine, saate rakendada kinnisvara väärtus või auto liikuge ja seejärel lukustada ekraani kõike, mis läheb kaugemale valdkonnas, andes külastajatele komplekti võtmeid, mida ta liigub sisu nähtamatu arvesse nähtava piirkonna. See on üldine tava. Mitte igaüks on muljet kerimisriba, mõned eelistavad seda neli nuppu: top, edasi, tagasi, kuni lõpuni.

Lisaks reegel ülevoolu CSS auto / scroll toob raha lehele element ebameeldivaid ebakindlust: brauseri ülekanded prioriteet rullis leht oma element, kui see on hiirekursori üle.

Kui element on tekstiblokk ei ole liiga ilmne ja ebamugav, kuid kui kogu akna laiusele panna liuguriga (plokkelementidest-pilte), siis ületada sellise struktuuri ei ole alati võimalik hiirega on sageli vaja kasutada "alguses" või "nuppu lõpus lehel. "

kerige prioriteedid

Dialog lehel saidi külastaja on oluline, samuti selle disain, arendamine, sisu. Kuna sait avaneb brauser ja teeb seda samas aknas või uuel kaardil, siis on tõenäoline saada kerimine peaks olema lehel, aga mitte selle liige. Viimane ei pruugi olla ainult palju, kuid iga võib olla oma funktsiooni.

Sait kannab alati konkreetne tähendus, isegi kui see on seotud valdkonnas filosoofia, müstika, või mõne muu ettenägematu sisu. See on põhjus, miks see on alati võimalik eeldada teatud koormust interaktiivsed elemendid reegli ülevoolu CSS.

Eelkõige siis, kui element on selleks, et valida aasta (kuupäev), siis klassikalise valijat on ebamugav, sest see toob kerimisriba ilmne ebamugavuste pärast. Rakendades sel juhul ülevoolu, CSS saab kasutada tõhusalt lisaks: sisemine väli element, valige perioodidel, võimaldab külastajal kiiresti ja lihtsalt valida soovitud kuupäev, kuu, aasta.