စတိုင်လ် အကြောင်းအရာ ပိုင်ဆိုင်မှု
ဥပမာ
ပြောင်းလွယ်ပြင်လွယ် <div> ဒြပ်စင်၏ အရာများကို မျဉ်းကြောင်းများကြားတွင် နေရာချထားပါ-
document.getElementById("main").style.alignContent = "space-between";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဝင်ရိုးဖြတ်ကျော် (ဒေါင်လိုက်) ပေါ်ရှိ နေရာအားလုံးကို အသုံးမပြုသည့်အခါ alignContent ပိုင်ဆိုင်မှုသည် ပြောင်းလွယ်ပြင်လွယ်ရှိသော ကွန်တိန်နာ၏ပစ္စည်းများကို ချိန်ညှိပေးပါသည်။
အကြံပြုချက်- ပင်မဝင်ရိုးပေါ်ရှိ အရာများကို (အလျားလိုက်) ချိန်ညှိရန် justifyContent ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
မှတ်ချက်- ဤပိုင်ဆိုင်မှုအတွက် မည်သည့်အရာမဆို အကျိုးသက်ရောက်မှုရှိစေမည့် လိုင်းများစွာရှိရပါမည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Webkit ၏နောက်မှလိုက်သောနံပါတ်များသည် ရှေ့ဆက်တစ်ခုနှင့်အလုပ်လုပ်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
alignContent | 21.0 | 11.0 | 28.0 | 9.0 7.0 Webkit |
12.1 |
အထားအသို
alignContent property ကို ပြန်ပို့ပါ-
object.style.alignContent
alignContent ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
stretch | Default value. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
space-between | Items are positioned with space between the lines |
space-around | Items are positioned with space before, between, and after the lines |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | ဆန့် |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ညှိ-အကြောင်းအရာပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- ညှိ-အကြောင်းအရာ ပိုင်ဆိုင်မှု
HTML DOM STYLE အကိုးအကား- alignItems ပိုင်ဆိုင်မှု
HTML DOM STYLE အကိုးအကား- မိမိကိုယ်ကို ပိုင်ဆိုင်မှုကို ညှိပါ ။
HTML DOM STYLE အကိုးအကား- အကြောင်းအရာကို မျှတစေပါသည် ။