Přetečení CSS: zobrazení obsahu prvku

Tabulky kaskádových stylů se snadno používají, pokud nejdete do džungle dědictví, prioritizace, třídní struktura, teoretické momenty a praktické zkušenosti.

Hlavním účelem každé vlastnosti CSS je zobrazit, ale to neznamená pouze "viditelné": design "CSS Overflow hidden" je stejně důležitý.

Prvky stránky

Stránka obsahuje nejen prvky, elementy elementů mohou být umístěny na něm, ať už rámce (a to může být nejen sada komponent, ale další místo jako celek) nebo systém objektů, které jsou vyrobeny ručně.

Je samozřejmé, že drtivá většina vývojářů míst praktikujících rozložení gumový, nuceni počítat s rostoucími objemy informací a skutečnost, že bariéra 800 x 600 pixelů - ne překážka pro 640 KB, který několik desetiletí překonat mentalitu MS DOS tvůrců než komplikovat život programátorů a uživatelů první personalk.

V budově webu je vše jednodušší: stránka se nezobrazí na obrazovce, prohlížeč ji posouvá. Ačkoli vývojář může poskytnout výstup obsahu stránky do okna bez posuvných pruhů a bez dalších vlastností: obsah stránky se nikdy neobjeví z vybraného okna. Je to přirozené, mimo okna jsou další aplikace a okno prohlížeče - ne lepší než ostatní okna: operační systém je vždy za rovnost aplikací.

Nicméně, bez ohledu na to, jakým způsobem priority při výběru možností rozložení, bez ohledu na to, jak distribuovány zájemcům o optimální rozlišení obrazovky pro prohlížení stránek, dnes existují různé obrazovky, které mají ne vždy pravoúhlé příležitosti pevné velikosti.

Dynamický svět přes Overflow CSS

Je uznáváno, že stránka webu je obsah rozložený hypertextovými značkami, které ukazují, jak se má zobrazovat v této nebo té situaci za určitých podmínek.

Vše se neustále mění. I v případě, že web je taková, že jeho obsah nemůže být změněn v průběhu let, neexistuje žádná záruka, že neočekávaný návštěvník nebude otevřít v novém zařízení, které developer těchto webových stránek ani nevím.

Možnosti vlastností pravidlaOverflow CSS poskytuje pouze čtyři: je možné skrýt cokoli, co přesahuje rámec prvku, zobrazuje, poskytuje posouvání vždy nebo jen v případě potřeby nebo zdědí hodnotu od předku.

V prvním případě (přetečení: skryté) bude veškerý obsah, který přesahuje prvek, skrytý a skryté nebudou k dispozici. Tato pozice je účinná, ale není zajímavější možnost zobrazit vše, co přesahuje (přetečení: viditelné). Takže vývojář dává návštěvníkovi možnost mít vždy představu o úplném obsahu prvku a zvládnout jeho objem. Menší možnosti jsou dány posouváním (přetečení: posouvání - vždy jsou posuvné lišty - nebo přetečení: v případě potřeby se objevují automatické posuvníky).

Jak používat pravidlo přetečení

Prvky, které jsou uvnitř značky, která dává smyslCSS "přetečení textu", jsou zvláště zajímavé pouze tehdy, když představují text. Umístění dalších komponent je zpravidla fixováno souřadnicemi nebo relativními pozicemi.

Textové prvky nemusí vždy obsahovat pevný počet znaků a je-li potřeba použít pravidlopřetečení, CSS je poučeno, aby ovládalo možnosti neočekávané změny obsahu.

Zejména ve fázi ladění, můžete použít hodnotu vlastnostech nebo automatické rolování a zajistěte zobrazení všeho, co jde mimo hřiště, což dává návštěvníkovi sadu klíčů, který se bude pohybovat obsah neviditelné do viditelné oblasti. To je běžná praxe. Ne všichni jsou ohromeni posuvníkem, někteří preferují čtyři tlačítka: na začátek, dopředu, zpět, až do konce.

Kromě toho pravidlo přetečení CSS v automatickém / svitku přináší hodnotu na stranu prvku nepříjemné nejistoty: prioritu převody prohlížeče ze svitku ze stránky na svém živlu, když je nad ukazatelem myši.

Když je prvek, textový blok, to není příliš jasné a nepříjemné, ale v případě, že celá šířka okna umístit posuvník (blokové elementy-snímky), pak k překonání taková struktura není vždy možné pomocí myši je často nutné použít „na začátku“ tlačítko nebo“na konci roku stránky ".

Priority pro rolování

Dialog stránek s návštěvníky má velký význam, stejně jako jeho design, vývoj, obsah. Vzhledem k tomu, že stránka otevře prohlížeč a provede jej ve svém vlastním okně nebo na samostatné kartě, pravděpodobně má právo na rolování stránku, nikoliv její prvek. Ty mohou být nejen mnoho, ale každý může mít svou vlastní funkci.

Místo vždy nese určitý význam, i když se odkazuje na oblast filozofie, mystiky nebo jiného nepředvídatelného obsahu. Proto můžete vždy převzít konkrétní dialogové zatížení prvků s přetečením pravidlům CSS.

Zvláště pokud je prvkem volič roku (data), bude klasický volič nepohodlný a jeho posuvník způsobí zjevné nepohodlí. Aplikuje-li se přetečení v tomto případě, může být CSS efektivně využito: interní pole v elementu, přidělení období, poskytují návštěvníkovi příležitost rychle a pohodlně nastavit požadované číslo, měsíc, rok.