Cum de a schimba blocurile în css

Cum de a schimba blocurile în css

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ă.

Cum să schimbați blocurile CSS

În general, sarcinile în care trebuie să modificați blocurile în locurile CSS pot fi foarte multe:

  1. Modificați ordinea coloanelor de ieșire, atunci când se adaptează la dispozitivele mobile
  2. 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
  3. 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.

  • Cum să schimbați blocurile CSS
    Protecția împotriva injectării SQL în PHP
  • 301 redirecționează php
  • Cum de a schimba blocurile în css
    Rotiți textul CSS. doar

Articole similare