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

Би div доторх дэвсгэр зургийг хэрхэн голлуулах вэ?
Би div доторх дэвсгэр зургийг хэрхэн голлуулах вэ?

Видео: Би div доторх дэвсгэр зургийг хэрхэн голлуулах вэ?

Видео: Би div доторх дэвсгэр зургийг хэрхэн голлуулах вэ?
Видео: Div #css #frontenddeveloper-ийг голлуулах цорын ганц зөв 2 арга 2024, Арваннэгдүгээр
Anonim

Загварын хуудас: CSS

Дараа нь би div доторх зургийг хэрхэн голлуулах вэ?

руу дүрсийг голлуулаарай текстийг тэгшлэхийг ашиглан: төв ; та байрлуулах ёстой

зэрэг блок түвшний элементийн дотор див . Текстийг тэгшлэх шинж чанар нь зөвхөн блок түвшний элементүүдэд хамаарах тул та текстийг тэгшлэхийг байрлуулна: төв ; хэвтээ төвлөрсөн хүрэхийн тулд ороох блок түвшний элемент дээр

Дараа нь би div-г хэрхэн голлуулах вэ гэсэн асуулт гарч ирнэ. Текстийг зэрэгцүүлэх арга

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

Үүнтэй холбогдуулан дэвсгэр зургийг хэрхэн голд нь тохируулах вэ?

Учир нь төв эсвэл байрлуулах Арын зураг ашиглах хэрэгтэй дэвсгэр - байрлал өмч. The дэвсгэр - байрлал шинж чанар нь эхлэлийг тогтоодог байрлал -ийн а Арын зураг элементийн дээд ба зүүн талаас. CSS синтакс нь дэвсгэр - байрлал : xvalue yvalue;.

Би хэрхэн div-г хэвтээ байдлаар голлуулах вэ?

a хэвтээ байдлаар алхам алхмаар төвлөрөхийг харцгаая:

  1. Гаднах элементийн өргөнийг тохируулна уу (өөрөөр хэлбэл 100% нь бүх шугамыг хамарна).
  2. Хуудасны доторх элементийг хэвтээ байдлаар голлуулахын тулд margin шинж чанарыг автоматаар тохируулна уу.
  3. Background-color шинж чанарыг ашиглан гадна болон дотоод div-д дуртай өнгийг тохируулна уу.

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