În mod implicit, dacă conținutul blocului nu se încadrează în dimensiunile specificate, atunci acesta este afișat pe partea de sus a acestuia.
Excesul de proprietate CSS
Pentru a preveni supraîncărcarea elementelor bloc, se aplică proprietatea de depășire (overflow-x controlează derularea orizontală, overflow-y-vertical). Este inutil pentru astfel de elemente HTML ca textarea și introducerea.
▼ ascundere automată ► x y
conținutul în afara lățimii specificate și înălțimea conținutului elementului, care este dincolo de limitele blocului, este ascuns în mod obligatoriu, indiferent dacă este necesar sau nu, se adaugă bara de defilare bara de derulare, apare atunci când aveți nevoie orizontală verticală doar
ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_pervoe_slovo ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_vtoroe_slovo ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_trete_slovo
debit și poziție: absolută;
▼ ascunse r a r s a r f f
poziție: relativă;
overflow: ascuns;
poziția: absolută; poziție: fixă;
Bara de derulare și poziția: fixă;
Bara de defilare aparținând etichetei html nu este suprapusă de elementul cu poziție: fix. Aceasta este o problemă pentru fereastra modală care este deschisă întregului ecran. Soluția este la fel ca două copeici: trebuie să eliminați deplasarea de la html și să adăugați derularea în corp, dacă este necesar.
▼ derularea pe corp
Vedeți săgeata roșie din colțul din dreapta jos al browserului.
Proprietatea CSS de suprapunere de text: se termină cu puncte
Când depășirea nu este în valoarea vizibilă, textul devine necitit, tăiat în jumătate de cuvânt. Mai ales dacă transferul său pe o altă linie este interzis datorită spațiului alb în valoarea zero. În acest caz, puteți indica faptul că unele dintre cuvinte sunt eliminate și narațiunea nu este terminată utilizând proprietatea de depășire a textului.
▼ elipsă "simbol"
decupați textul de dimensiunea zonei, adăugând puncte cu adăugarea oricărui caracter din codificarea HEX
ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_pervoe_slovo ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_vtoroe_slovo ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_trete_slovo
CSS de proprietate CSS
Numai pentru elementele care sunt pozitionate: absolut; Unitățile de măsură pot fi selectate de px, em, etc. dar nu de interes.
ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_pervoe_slovo ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_vtoroe_slovo ooooooooochchchchchchchchcheeeeeeeeennnnnnnnn_dlinnoe_trete_slovo
Trimiteți-le prietenilor: