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

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

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

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


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


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

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

Характеристики на използването на правилото за преливане

Елементите, които са вътре в маркера са значими CSS "препълването на текст" е от особен интерес само когато е текст. Поставяне на другикомпонентите обикновено се фиксират чрез координати или относителни позиции.
Текстовите елементи не винаги съдържат фиксиран брой знаци и ако е необходимо да се използва правилото за преливане, CSS се натоварва с контролиране на непредвидими промени в обема на съдържанието. По-специално, в етапа на отстраняване на грешки, можете да приложите стойностите на свойствата auto или scroll, и след това да блокирате картографирането на всичко, което се простира отвъд региона, давайки на посетителя набор от бутони, които ще преместят невидимото съдържание във видимата област. Това е обичайна практика. Не всеки харесва лентата за превъртане, някои предпочитат четири бутона: до началото, напред, назад, до края. Освен това правилото за преливане на CSS в стойността за автоматично /превъртане носи неприятна несигурност на страницата: браузърът има приоритет в частта от превъртането от страницата до нейния елемент, когато курсорът на мишката е над него. Когато елементът е текстов блок, той не е много забележим и неудобен, но ако поставите плъзгач (блок от елементи на изображение) по цялата ширина на прозореца, тогава не винаги можете да преодолеете такъв дизайн с мишката, често трябва да използвате бутоните "start" или "end" на края на страницата

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

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

Свързани публикации