CSS overflow: juru l-element kontenut

folji stil cascading huma faċli li jintużaw, jekk inti ma jmorrux fil-ġungla ta 'wirt, allokazzjoni prijorità tal-istruttura klassi, l-aspetti teoretiċi u esperjenza prattika.

L-għan ewlieni ta 'kull proprjetà fil-CSS - wiri, iżda dan ma jfissirx biss "viżibbli": id-disinn mhux inqas importanti "overflow CSS moħbija".

elementi paġna

Paġna fiha mhux biss l-elementi, jista 'jkun jinsab elementi ta' elementi, kemm jekk frejms (u jista 'jkun mhux biss sett ta' komponenti, iżda biss f'sit differenti għal kollox), jew magħmula oġġetti sistema stess.

Naturalment, il-maġġoranza vasta ta 'siti iżviluppaturi prattikanti tqassim gomma, sfurzati li ma Ikkalkola l-volumi dejjem jikbru ta' informazzjoni u l-fatt li l-ostakolu ta '800 minn 600 pixel - mhux ostakolu għall 640 KB, li għexieren ta' snin tingħeleb il-mentalità ta 'kreaturi SM DOS mill jikkumplikaw il-ħajja tal programmaturi u l-utenti ewwel desktops.

Il-bini sit oriġinarjament kollox huwa aktar faċli: Paġna ma jinstallax fuq l-iskrin, il-browser jagħmilha scroll. Għalkemm l-iżviluppatur jista 'jipprovdi l-kontenut tal-paġna output fil-tieqa mingħajr scrolling strixxa u l-ebda proprjetajiet oħra: kontenut tal-paġna qatt mhu ser toħroġ lil hinn mill-tieqa allokat lilha. Dan huwa naturali, barra l-tieqa hemm applikazzjonijiet oħra, u tieqa browser - l-ebda aħjar minn twieqi l-oħra: is-sistema operattiva tkun dejjem għall-applikazzjonijiet ugwaljanza.

Madankollu, ebda kwistjoni kif dawn prijorità fl-għażla ta 'għażliet tqassim, l-ebda kwistjoni kif viżitaturi interessati ottimali riżoluzzjoni iskrin għall-wiri siti mqassma, illum hemm iskrins varji li għandhom mhux dejjem opportunitajiet rettangolari daqs fiss.

Id-dinja dinamika permezz CSS overflow

Huwa preżunt li l-paġna sit - dan il-kontenut, mifruxa fuq il-lametti Portugues, li jispeċifikaw kif dan juri f'każ partikolari, taħt ċerti kundizzjonijiet.

Kollox qed tinbidel kontinwament. Anki jekk is-sit hija tali li l-kontenut tiegħu ma tistax tinbidel matul is-snin, m'hemm l-ebda garanzija li l-viżitatur mhux mistennija mhux se tiftaħ fuq mezz ġdid, li l-iżviluppatur tal din il-websajt lanqas biss jafu.

proprjetajiet Għażliet fir-regoli overflow CSS tipprovdi erbgħa biss huma permessi li jaħbu xi ħaġa li tmur lil hinn mill-qasam tal-element, wiri, jipprovdu scrolling dejjem jew biss meta jkun meħtieġ, jew li jirtu valur minn antenat.

Fl-ewwel każ (overflow: moħbija), kwalunkwe kontenut li tmur lil hinn mill-partita se jkunu moħbija, iżda li sparixxew, mhux se jkun disponibbli. Din il-pożizzjoni hija effettiva, iżda mhux inqas interessanti hija l-għażla li juru dak kollu li huwa lil hinn (overflow: viżibbli). Allura l-iżviluppatur jipprovdi l-viżitatur l-opportunità li dejjem ikunu konxji ta 'l-element kontenut sħiħ u tikkontrolla l-volum tiegħu. opportunitajiet anqas jagħti iscroll (overflow: scroll - bar scroll huwa dejjem hemm, jew tifwir: awto - bars scroll jidhru meta meħtieġ).

Karatteristiċi overflow Termini ta 'Użu

", представляют особенный интерес, только когда они представляют собой текст. Elementi li huma ġewwa tikketta li għandha t-tifsira ta 'CSS "overflow test", huma ta' interess partikolari, biss meta jkunu test. Tqegħid tal-komponenti l-oħra, normalment mwaħħla mal-koordinati jew pożizzjonijiet relattivi.

Elementi test mhux dejjem fihom numru fiss ta 'karattri, u jekk ikollok bżonn li jużaw ir-regoli overflow, CSS struzzjonijiet biex jissorveljaw għażliet bidliet mhux mistennija fil-volum kontenut.

B'mod partikolari, fl-istadju ta 'debugging, inti tista' tapplika l-valur tal-proprjetajiet jew awtomatiku scroll, u mbagħad jissakkar l-wiri ta 'dak kollu li jmur lil hinn mill-kamp, li tagħti l-viżitatur sett ta' ċwievet, li hu se jmexxu l-kontenut tal-inviżibbli fir-reġjun viżibbli. Hija prattika komuni. Mhux kulħadd huwa impressjonata bil-bar scroll, xi wħud jippreferu dan erba buttuni: top, quddiem, lura, l-aħħar.

Barra minn hekk, il-overflow CSS regola fil auto / iscroll ġġib valur għal element paġna inċertezza spjaċevoli: il trasferimenti browser prijorità tal-scroll minn paġna għal-element tagħha meta huwa fuq l-mouse pointer.

Meta l-element huwa blokk test, mhuwiex wisq ovvju u skomda, iżda jekk il-wisa 'kollha tat-tieqa li jqiegħed l-slider (blokk elementi-istampi), imbagħad biex jingħelbu tali struttura mhux dejjem huwa possibbli bil-maws spiss ikun meħtieġ li tuża "fil-bidu" jew "buttuna fl-aħħar tal -paġna. "

prijoritajiet scroll

paġna Dialog tas-sit bl-viżitatur huwa essenzjali, kif ukoll disinn, l-iżvilupp, il-kontenut tagħha. Għaliex is-sit jiftaħ browser u ma dan fl-istess tieqa jew tab ġdida, inti x'aktarx eliġibbli għall scrolling għandha tkun il-paġna, u mhux membru tagħha. L-aħħar jista 'mhux biss tkun ħafna, iżda kull wieħed jista' jkollhom funzjoni tiegħu stess.

Is-sit dejjem iġorr tifsira speċifika, anki jekk din tirrigwarda l-qasam tal-filosofija, mysticism, jew kwalunkwe kontenut ieħor mhux previsti. Dan hu għaliex huwa dejjem possibbli li wieħed jassumi piż partikolari fuq l-elementi interattivi tal-CSS overflow regola.

B'mod partikolari, jekk l-element huwa selettur li tagħżel is-sena (data), allura l-selettur klassiku huwa inkonvenjenti, peress li se jagħti l-scrollbar inkonvenjenza ovvji. Bl-applikazzjoni f'dan il-każ meta jfur, CSS jistgħu jintużaw b'mod effettiv b'żieda:-qasam intern fl-element, il-perjodi tagħżel, jippermettu lill-viżitaturi biex malajr u faċilment tagħżel data mixtieq, xahar, sena.