Overflow CSS: показване на съдържанието на елемент

Маси от каскадни стилове са лесни за използване, ако не отидете в джунглата на наследство, приоритизиране, структура на класа, теоретични моменти и практически опит.

Основната цел на всеки CSS собственост е да се показва, но това не означава само "видимо": "CSS Overflow hidden" дизайнът е еднакво важен.

Елементи на страницата

Страницата съдържа не само елементи, елементите на елементи могат да бъдат поставени върху нея, било то рамки (и това може да бъде не само набор от компоненти, но друг сайт като цяло) или системата от обекти, които са направени на ръка.

Естествено, по-голямата част от разработчиците сайтове, които практикуват каучук оформление, принудени да се съобразяват с нарастващите обеми на информация и на факта, че бариерата от 800 от 600 пиксела - не е пречка за 640 KB, който няколко десетилетия преодоляване на манталитета на създателите MS DOS, отколкото да усложни живота на програмисти и потребители първа лична среща.

В изграждането на сайта всичко е по-лесно: страницата не се побира на екрана, браузърът го превърта. Въпреки че разработчикът може да предостави изход от съдържанието на страницата до прозореца без ленти за превъртане и без други свойства: съдържанието на страницата никога няма да излезе от избрания за него прозорец. Това е естествено, извън прозореца са други приложения и прозореца на браузъра - не по-добре от другите прозорци: операционната система винаги е зад равнопоставеността на приложенията.

Въпреки това, без значение колко те приоритет при избора на опции за оформление, без значение колко е разпределена посетители, интересуващи се от оптималната разделителна способност на екрана за преглед на сайтове, днес има различни екрани, които имат не винаги правоъгълни възможности фиксиран размер.

Динамичен свят чрез Overflow CSS

Приема се, че страницата на сайта е съдържанието, декомпресирано от хипертекстови етикети, които показват как да се показва в тази или тази ситуация при определени условия.

Всичко постоянно се променя. Дори и ако сайтът е такава, че съдържанието му не може да се променя през годините, няма гаранция, че един неочакван посетител няма да го отворите на ново устройство, което разработчик на този уеб сайт, дори не знам.

Опции за собственост на правилотоOverflow CSS осигурява само четири: възможно е да скриете всичко, което излиза извън обхвата на елемента, да показвате, да предоставяте превъртане винаги или само при необходимост или да наследявате стойността от предшественика си.

В първия случай (преливане: скрито) цялото съдържание, което надхвърля елемента, ще бъде скрито и скритото няма да бъде налице. Тази позиция е ефективна, но не по-малко интересно е опцията да се покаже всичко, което надхвърля (преливане: видимо). Така че разработчикът дава на посетителя възможността винаги да има представа за пълното съдържание на елемента и да управлява неговия обем. По-малки възможности се предоставят чрез превъртане (преливане: превъртане - винаги има прелистващи ленти - или преливане: при необходимост се появяват ленти за автоматично превъртане).

Как да използвате правилото за препълване

Елементи, които са вътре в маркер, който има смисълCSS ""са от особен интерес само когато представляват текст. Поставянето на други компоненти обикновено се определя от координати или относителни позиции.

Елементите на текста не винаги съдържат фиксиран брой знаци и ако е необходимо да се използва правилоOverflow, CSS е инструктиран да контролира опциите за неочаквана промяна в съдържанието.

По-специално, на етапа на откриване на грешки, можете да кандидатствате стойността на имота или Auto Scroll, а след това се заключва дисплея на всичко, което излиза извън рамките на областта, като посетителят набор от ключове, които ще се движат със съдържанието на невидимото във видимата област. Това е често срещана практика. Не всички са впечатлени от лентата за превъртане, а някои предпочитат четири бутона: до началото, напред, назад, до края.

В допълнение, преливането на правилото CSS в стойността на авто / превъртане води до страницата елемент на неприятна несигурност: браузърът има предимство при превъртането от страницата на елемента си, когато показалецът на мишката е над нея.

Когато елементът е текстов блок, не е прекалено очевидно и неприятно, но ако цялата ширина на прозореца, за да поставите на плъзгача (блокови елементи-снимки), а след това да се преодолее такава структура не винаги е възможно с помощта на мишката, често е необходимо да се използва "в началото" или "бутона в края на страница ".

Приоритети за превъртане

Диалогът на страницата на уебсайта с посетителя е от съществено значение, както и неговият дизайн, развитие, съдържание. Тъй като сайтът отваря браузъра и го прави в собствения си прозорец или отделен раздел, най-вероятно правото на превъртане трябва да има страница, а не елемент. Последните не могат да бъдат само много, но всеки може да има своя собствена функция.

Сайтът винаги носи специфично значение, дори ако се отнася до областта на философията, мистицизма или друго непредвидено съдържание. Ето защо винаги можете да поемете конкретен диалогов товар върху елементи с CSS за препълване на правилото.

По-конкретно, ако елементът е селектор на годината (дата) селекция, класическия селектор ще бъде неудобен и неговата лента за превъртане ще предизвика очевидни неудобства. Прилагайки препълване в този случай, CSS може да бъде ефективно използван в допълнение: вътрешните полета в елемента, разпределянето на периоди, дават възможност на посетителя бързо и удобно да зададат желания брой, месец и година.