alignContent

Misol

Flex <div> elementining elementlarini qatorlar orasida bo‘sh joy qoldirib joylashtiring:

document.getElementById("main").style.alignContent = "space-between";

Tavsif

alignContent xususiyati flex konteyner elementlari kesishuvchi o‘qda (vertikal bo‘yicha) mavjud bo‘sh joyning hammasini egallamaganda ularni tekislaydi.

Maslahat: Elementlarni asosiy o‘q bo‘ylab (gorizontal) tekislash uchun justifyContent xususiyatidan foydalaning.

Eslatma: Bu xususiyat ta’sir qilishi uchun elementlar bir nechta qatorda joylashgan bo‘lishi kerak.

Sintaksis

alignContent xususiyatini qaytarish:

object.style.alignContent

alignContent xususiyatini o‘rnatish:

Xususiyat qiymatlari

Qiymat	Tavsif
stretch	Standart qiymat. Elementlar konteynerga moslashish uchun cho‘ziladi
center	Elementlar konteyner markazida joylashadi
flex-start	Elementlar konteyner boshida joylashadi
flex-end	Elementlar konteyner oxirida joylashadi
space-between	Elementlar qatorlar orasida bo‘sh joy qoldirib joylashadi
space-around	Elementlar qatorlardan oldin, ular orasida va keyin bo‘sh joy qoldirib joylashadi
initial	Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing
inherit	Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing

Texnik tafsilotlar

Standart qiymat:	stretch
Qaytariladigan qiymat:	Elementning align-content xususiyatini ifodalovchi String
CSS versiyasi	CSS3

Brauzerlarda qo‘llab-quvvatlash

alignContent — CSS3 (1999) imkoniyati.

U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:


Chrome	Edge	Firefox	Safari	Opera	IE
Ha	Ha	Ha	Ha	Ha	11

Tegishli sahifalar

CSS ma’lumotnomasi: align-content xususiyati

HTML DOM STYLE ma’lumotnomasi: alignItems xususiyati

HTML DOM STYLE ma’lumotnomasi: alignSelf xususiyati

HTML DOM STYLE ma’lumotnomasi: justifyContent xususiyati

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish