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

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

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

Видео: Би ачаалагчийн контентыг хэрхэн голлуулах вэ?
Видео: 101 ачаалж байна 2024, Дөрөвдүгээр сар
Anonim

Ачаалагч 4

d-flex justify-г ашиглах агуулга - төв таны баганад div. Энэ болно төв тэр баганын доторх бүх зүйл. Танд байгаа бол текст баганын дотор байгаа бөгөөд та үүнийг бүгдийг нь тохируулахыг хүсч байна төв . Зүгээр л нэм текст - төв нэг ангид.

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

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

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

Үүнтэй адилаар би bootstrap дээрх зургийг хэрхэн голлуулах вэ? Зохицуулах зургууд туслах хөвөгч ангиуд эсвэл текстийг тэгшитгэх ангиудтай. блок түвшин зургууд -ийг ашиглан төвлүүлж болно. mx-auto margin хэрэгслийн анги.

Тэгэхээр, би ачаалагч 4 дэх контентыг хэрхэн төвлөрүүлэх вэ?

Bootstrap 4 дээр хэвтээ төвлөрөх олон аргууд байдаг

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

Та картыг CSS дээр хэрхэн голлуулах вэ?

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

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

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