Overloop CSS: toont de inhoud element

Cascading style sheets zijn makkelijk te gebruiken, als je niet in de jungle van de erfenis, prioritaire toewijzing van de klasse structuur, de theoretische aspecten en praktische ervaring te gaan.

Het belangrijkste doel van elke eigenschap in de CSS - scherm, maar het betekent niet alleen "zichtbaar": niet minder belangrijk ontwerp "CSS Overflow verborgen".

pagina-elementen

Pagina bevat naast de elementen kan zijn gelegen elementen elementen, of frames (en kan niet alleen een set van componenten, maar een andere site volledig zijn), of opgestelde eigen systeemobjecten.

Natuurlijk, de overgrote meerderheid van de ontwikkelaars plaatsen beoefenen rubber lay-out, gedwongen om rekening houden met de groeiende volumes van informatie en het feit dat de barrière van 800 bij 600 pixels - geen belemmering voor 640 KB, die een paar decennia overwinnen van de mentaliteit van MS DOS makers dan compliceren het leven van programmeurs en gebruikers eerste desktops.

De website gebouw oorspronkelijk alles is eenvoudiger: pagina past niet op het scherm, de browser maakt het scrollen. Hoewel de ontwikkelaar de output pagina-inhoud in het venster kan bieden zonder te scrollen strip en geen andere eigenschappen: de pagina-inhoud nooit meer uit dan het raam om het toegewezen. Dit is natuurlijk, buiten het raam zijn er andere toepassingen, en browservenster - niet beter dan de andere vensters: het besturingssysteem is altijd voor toepassingen gelijkheid.

Echter, ongeacht hoe ze prioriteit bij de selectie van de lay-out opties, maakt niet uit hoe verdeeld bezoekers die geïnteresseerd zijn in optimale schermresolutie voor het bekijken van sites, vandaag zijn er verschillende schermen die niet altijd rechthoekige kansen vaste grootte hebben.

De dynamische wereld door Overflow CSS

Aangenomen wordt dat de site pagina - deze inhoud, verspreid op de hypertext tags, die aangeven hoe het toont in een bepaald geval, onder bepaalde voorwaarden.

Alles is voortdurend in beweging. Zelfs als de site is zodanig dat de inhoud niet kan worden veranderd door de jaren heen, is er geen garantie dat een onverwachte bezoeker het niet zal openen op een nieuw apparaat, dat de ontwikkelaar van deze website niet eens weten.

Opties woningen in regels overlopen CSS biedt slechts vier zijn toegestaan om iets dat verder gaat dan het gebied van het element, scherm verbergen, zorgen voor altijd of alleen scrollen wanneer dat nodig is, of om waarde te erven van een voorouder.

In het eerste geval (overflow: hidden), zal alle inhoud die verder gaat dan het item worden verborgen, maar dat verdween, zijn hierdoor niet beschikbaar. Deze positie is effectief, maar niet minder interessant is de mogelijkheid om al die show is voorbij (overflow: zichtbaar). Dus de ontwikkelaar geeft de bezoeker de mogelijkheid om altijd op de hoogte van de volledige inhoud element en het volume te regelen. Minder kansen geeft scroll (overflow: scroll - een schuifbalk is er altijd, of overflow: auto - schuifbalken verschijnen wanneer nodig).

Features Overflow Gebruiksvoorwaarden

", представляют особенный интерес, только когда они представляют собой текст. Elementen die zich in een tag dat de betekenis van CSS "text overflow" heeft, zijn van bijzonder belang, alleen als ze tekst. Plaatsing van de overige componenten, gewoonlijk bevestigd aan de coördinaten of relatieve posities.

Tekstelementen niet altijd een vast aantal tekens bevatten, en als je nodig hebt om regels overlopen gebruiken, CSS de opdracht om te controleren opties onverwachte wijzigingen in de inhoud volume.

In het bijzonder in het stadium van debugging, kunt u de waarde van de woningen of auto scroll toe te passen, en dan zet de weergave van alles wat verder gaat dan het veld, waardoor de bezoeker een set sleutels, waarvan hij de inhoud van het onzichtbare in het zichtbare gebied zal bewegen. Het is gebruikelijk. Niet iedereen is onder de indruk van de schuifbalk, sommigen liever vier knoppen: een top, vooruit, achteruit, tot het einde.

Daarnaast is de regel overflow CSS in auto / scroll waarde kan toevoegen aan een pagina-element onaangename onzekerheid: de transfers browser prioriteit van de scroll van pagina naar zijn element wanneer het over de muisaanwijzer.

Wanneer het element een tekstblok is niet te opvallend en ongemakkelijk, maar als de gehele breedte van het venster om het schuifstuk (blokelementen-beelden) te plaatsen, dan overwinnen dergelijke structuur is niet altijd mogelijk met de muis, moeten vaak de knop "in het begin" of "eind pagina. "

scroll prioriteiten

Dialog pagina van de site met de bezoeker is van essentieel belang, evenals het ontwerp, de ontwikkeling, content. Omdat de site opent een browser en doet het in hetzelfde venster of een nieuwe tab, bent u waarschijnlijk in aanmerking voor het scrollen moet pagina, en niet haar leden. Dit laatste kan niet alleen veel, maar ieder kan zijn eigen functie.

De site voert altijd een bepaalde betekenis, ook al betreft het gebied van de filosofie, mystiek of andere onvoorziene inhoud. Dat is de reden waarom is het altijd mogelijk om een bepaalde last op de interactieve elementen van de regel overflow CSS aannemen.

In het bijzonder als het element is een keuzemogelijkheid voor het jaar (datum) te selecteren en de klassieke selector is lastig, omdat het de schuifbalk voor de hand liggende overlast zal opleveren. Door het toepassen van in dit geval overflow kan CSS effectief worden gebruikt als aanvulling: de interne veld in het element, selecteert periodes, zodat de bezoeker een bepaalde datum, maand, jaar snel en eenvoudig selecteren.