Odată cu apariția dispozitivelor mobile și aspectul adaptiv, a devenit adesea o problemă de schimbare a blocurilor în locațiile CSS. Este clar cum se face acest lucru pe JS, dar sarcina CSS nu este banală.
În general, sarcinile în care trebuie să modificați blocurile în locurile CSS pot fi foarte multe:
- Modificați ordinea coloanelor de ieșire, atunci când se adaptează la dispozitivele mobile
- blocuri de swap, astfel încât nu este important pentru utilizator, dar importante pentru motoarele de căutare, se arată mai puțin important pentru utilizator, în acest caz, la un HTML important pentru roboți a fost mai mare
- doar experimentați, în cele din urmă
Există o soluție pentru modificarea blocurilor prin CSS
Soluția este foarte simplă, deși nu va funcționa în toate browserele, dar tehnologia va merge mai departe.
Pentru a schimba blocurile în CSS, trebuie doar să aplicați afișarea CSS: table-footer-group și afișarea: proprietăți grup-header-group.
Luați în considerare exemplul de cod:
Totul! La ieșire, se afișează mai întâi blocul 2, urmat de blocul 1.
Puteți vedea rezultatul pe jsfiddle.net/8SMpY/. sau în blocul de mai jos. În exemplul de claritate, se adaugă 2 butoane, care pe JS sunt eliminate și clase adăugate la div. Schimbarea blocurilor în locații are loc în CSS pur.
- Protecția împotriva injectării SQL în PHP
- 301 redirecționează php
- Rotiți textul CSS. doar
Articole similare
Trimiteți-le prietenilor: