Агуулгын хүснэгт:

Би ачаалах картаа хэрхэн голлуулах вэ?
Би ачаалах картаа хэрхэн голлуулах вэ?

Видео: Би ачаалах картаа хэрхэн голлуулах вэ?

Видео: Би ачаалах картаа хэрхэн голлуулах вэ?
Видео: Баримт бичиг түүний бүрдлүүд 2024, May
Anonim

Нэмэлт CSS шаардлагагүй бөгөөд Bootstrap 4 дээр төвлөрсөн олон аргууд байдаг:

  1. текст- төв төлөө төв дэлгэц:доторх элементүүд.
  2. mx-auto for төвлөрөх дэлгэц: дэлгэц доторх блок элементүүд дэлгэц: уян хатан (d-flex)
  3. offset-* эсвэл mx-auto-г ашиглаж болно төв сүлжээ баганууд.
  4. эсвэл зөвтгөх- төв хүртэл эгнээнд төв сүлжээ баганууд.

Ийм байдлаар та bootstrap дээрх элементүүдийг хэрхэн голлуулах вэ?

  1. Хэвтээ зэрэгцүүлэх. Ачаалах төв (хэвтээ зэрэгцүүлэх)
  2. Төвийн текст. Зүгээр л анги нэмээрэй.
  3. Төвийн зураг. Та мөн дүрсийг нэмснээр голчлуулж болно.
  4. Төвийн товчлуур. Дээрхтэй адил, зүгээр л нэмнэ үү.
  5. Төвийн багана. Flexbox-ийг ашигласнаар та торны баганыг бүхэлд нь голчлон байрлуулж болно.
  6. Агуулгыг зөвтгөх.

bootstrap 4 дээрх товчлуурыг хэрхэн голлуулах вэ? -ийн тусламжтайгаар ачаалагч 4 хэрэгслүүдийг та хэвтээ байдлаар ашиглаж болно төв Элемент өөрөө хэвтээ зайг "авто" болгож тохируулна. Хэвтээ зайг автоматаар тохируулахын тулд та mx-auto-г ашиглаж болно. m нь захын зайг, x нь x тэнхлэгийг (зүүн+баруун), auto нь тохиргоог илэрхийлнэ.

Ийм байдлаар та CSS дээр картыг хэрхэн голлуулах вэ?

CSS 3-р түвшинд босоо төвлөрсөн

  1. Савыг харьцангуй байрлалтай болго, энэ нь түүнийг туйлын байрлалтай элементүүдийн сав гэж тунхагладаг.
  2. Элементийг өөрөө бүрэн байрлалтай болго.
  3. Үүнийг "дээд: 50%" гэсэн тэмдэглэгээтэй савны хагасыг доошлуулна.
  4. Орчуулга ашиглан элементийг өөрийн өндрийн хагасаар дээшлүүлнэ.

Би div-г хэрхэн голлох вэ?

Текстийг зэрэгцүүлэх арга

  1. Голлохыг хүсэж буй div-г эх элементээр (ихэвчлэн боодол эсвэл сав гэж нэрлэдэг) хавсаргана уу.
  2. "Текстээр зэрэгцүүлэх: төв"-ийг эх элемент болгон тохируулна уу.
  3. Дараа нь дотоод div-г "дэлгэц: inline-block" болгож тохируулна уу.

Зөвлөмж болгож буй: