Բովանդակություն:

Ինչպե՞ս ստեղծել ցանցային դասավորություն CSS-ում:
Ինչպե՞ս ստեղծել ցանցային դասավորություն CSS-ում:

Video: Ինչպե՞ս ստեղծել ցանցային դասավորություն CSS-ում:

Video: Ինչպե՞ս ստեղծել ցանցային դասավորություն CSS-ում:
Video: Software Requirement Specification (SRS) Tutorial and EXAMPLE | Functional Requirement Document 2024, Ապրիլ
Anonim

Եկեք ամփոփենք չորս հիմնական քայլերը

  1. Ստեղծել կոնտեյների տարր և հայտարարեք այն ցուցադրելու համար. ցանց ;.
  2. Օգտագործեք նույն կոնտեյները՝ սահմանելու համար ցանց հետքերը օգտագործելով ցանց - կաղապար -սյուներ և ցանց - կաղապար - տողերի հատկությունները.
  3. Տեղադրեք մանկական տարրերը տարայի մեջ:
  4. Նշեք ջրհեղեղի չափերը՝ օգտագործելով ցանց - բացերի հատկությունները.

Հետևաբար, կարո՞ղ եմ օգտագործել CSS ցանցի դասավորությունը:

Բացի Internet Explorer-ից, CSS ցանցի դասավորություն Safari-ում, Chrome-ում, Opera-ում, Firefox-ում և Edge-ում առանց նախածանցի է: Այս ուղեցույցներում նկարագրված բոլոր հատկությունների և արժեքների աջակցությունը փոխգործունակ է բրաուզերների միջև: Սա նշանակում է, որ եթե դուք գրեք որոշ Ցանցային դասավորություն կոդ Firefox-ում, այն նույն կերպ պետք է աշխատի Chrome-ում։

Բացի այդ, պետք է օգտագործեմ Flexbox կամ grid: Երկուսն էլ flexbox և ցանց հիմնված են այս հայեցակարգի վրա: Flexbox լավագույնն է տարրերը մեկ տողում կամ մեկ սյունակում դասավորելու համար: Ցանց լավագույնն է տարրերը մի քանի տողերում և սյունակներում դասավորելու համար: Justify-content հատկությունը որոշում է, թե ինչպես է լրացուցիչ տարածքը ճկել - բեռնարկղը բաժանվում է ճկել - իրեր.

Նմանապես, ինչ է 1fr:

1 ֆր մեկ «կոտորակային միավոր» է, որը «տարրում մնացած տարածությունն» ասելու միջոց է։

Ինչ է Flexbox ցանցը:

Flexbox պատրաստված է միաչափ դասավորությունների համար և Ցանց պատրաստված է երկչափ դասավորության համար։ Սա նշանակում է, որ եթե տարրերը տեղադրում եք մեկ ուղղությամբ (օրինակ՝ երեք կոճակ վերնագրի ներսում), ապա պետք է օգտագործեք Flexbox Դա ձեզ ավելի շատ ճկունություն կտա, քան CSS-ը Ցանց.

Խորհուրդ ենք տալիս: