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

Ինչպե՞ս կենտրոնացնել բովանդակությունը bootstrap-ում:
Ինչպե՞ս կենտրոնացնել բովանդակությունը bootstrap-ում:

Video: Ինչպե՞ս կենտրոնացնել բովանդակությունը bootstrap-ում:

Video: Ինչպե՞ս կենտրոնացնել բովանդակությունը bootstrap-ում:
Video: Laravel էլեկտրոնային առևտուր. [20] Ներկայացնում ենք Stripe-ը 2024, Նոյեմբեր
Anonim

Bootstrap 4

Օգտագործեք d-flex justify- բովանդակությունը - կենտրոն ձեր սյունակում div. Սա կամք կենտրոն ամեն ինչ այդ սյունակի ներսում: Եթե դուք ունեք տեքստը սյունակի ներսում, և դուք ցանկանում եք այդ ամենը հավասարեցնել կենտրոն . Պարզապես ավելացրեք տեքստը - կենտրոն նույն դասարանին։

Նաև գիտեք, թե ինչպես կարող եմ կենտրոնացնել bootstrap քարտը:

Լրացուցիչ CSS-ի կարիք չկա, և Bootstrap 4-ում կան կենտրոնացման բազմաթիվ մեթոդներ

  1. տեքստային կենտրոն կենտրոնական ցուցադրման համար. inline տարրեր:
  2. mx-auto էկրանի կենտրոնացման համար. արգելափակման տարրեր էկրանի ներսում:flex (d-flex)
  3. offset-* կամ mx-auto-ն կարող է օգտագործվել ցանցի սյունակները կենտրոնացնելու համար:
  4. կամ justify-content-center տողից դեպի կենտրոն ցանցի սյունակներ:

Նմանապես, ինչպե՞ս կարող եմ պատկերը կենտրոնացնել bootstrap-ում: Շարել պատկերներ օգնական float դասերի կամ տեքստի հավասարեցման դասերի հետ: բլոկ - մակարդակ պատկերներ կարելի է կենտրոնացնել՝ օգտագործելով. mx-auto margin օգտակար դաս:

Այսպիսով, ինչպե՞ս կենտրոնացնեմ բովանդակությունը bootstrap 4-ում:

Bootstrap 4-ում կան մի քանի հորիզոնական կենտրոնացման մեթոդներ

  1. տեքստային կենտրոն կենտրոնական ցուցադրման համար. inline տարրեր:
  2. offset-* կամ mx-auto կարող են օգտագործվել սյունակը կենտրոնացնելու համար (col-*)
  3. կամ, justify-content-center տողից դեպի կենտրոնական սյունակներ (col-*)
  4. mx-auto ցուցադրման կենտրոնացման համար. արգելափակել տարրերը d-flex-ի ներսում:

Ինչպե՞ս եք կենտրոնացնում քարտը CSS-ում:

CSS մակարդակ 3-ում ուղղահայաց կենտրոնացում

  1. Տարան դարձրեք համեմատաբար դիրքավորված, ինչը հայտարարում է, որ այն բացարձակապես տեղակայված տարրերի համար նախատեսված տարա է:
  2. Դարձրեք տարրն ինքնին բացարձակապես դիրքավորված:
  3. Տեղադրեք այն տարայի կիսով չափ՝ «վերևում՝ 50%»:
  4. Օգտագործեք թարգմանություն՝ տարրը իր բարձրության կեսով վեր տեղափոխելու համար:

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