Style justifyContent သုံးသပ်ချက်

အသုံးပြုနည်းဥပဒေ

အစိတ်အစိတ် အရ အကြောင်းပါ အရာများ အခြေအနေ အခြေအနေ မပါဝင်သေးသေးသည့် justifyContent အဆိုပါ သုံးသပ်ချက်ကို အစိတ်အစိတ် အပြိင်းဆိုင်ရာ ပြတ်သက်သည်

အဆိုပါ သုံးသပ်ချက်ကို ကြည့်ရမည်အသုံးပြုပါ alignContent အစိတ်အစိတ် ပေါ်မှ အရာများကို လက်ဆုံးဖြတ်သည်

အခြား ကိုးကားချက်များ:

CSS ကိုးကားချက်များ:justify-content သုံးသပ်ချက်

အကျိုး

အဆိုပါ အကျယ်ပြင်တွင် အကြောင်းပါ အကွာအဝေး ဖြိုးပေးသည်

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

ကျွန်ုပ်ကိုယ် ကျင့်ကတ်ပါ

အက္ခရာ

justify-content သုံးသပ်ချက် ကို ကောက်နုတ်သည်:

object.style.justifyContent

justify-content သုံးသပ်ချက် ကို တစ်ကြိမ်တစ်ရံ သတ်မှတ်ပေးသည်:

object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

သုံးသပ်ချက် အရာ

အရာ ဖော်ပြ
flex-start မူကြမ်း အရ
flex-end အကြောင်းပါ အရ အနောက်ပိုင်း သို့ အခြေအနေ ပြတ်သက်သည်
center အကြောင်းပါ အရ အနောက်ပိုင်း သို့ အခြေအနေ ပြတ်သက်သည်
space-between အကြောင်းပါ အရ အကွာအဝေး ဖြိုးပေးသည်
space-around အကြောင်းပါ လက်ပွဲအရ အထိပ်၊ လက်ပွဲအရ အကြား၊ လက်ပွဲအရ အနောက် အထိ အကွာအဝေး ဖြိုးပေးသည်
initial သုံးသပ်ချက်ကို မူကြမ်း အရ သတ်မှတ်ပေးသည်။ ကျမ်းကို ကြည့်ရမည် initial.
inherit ဖြစ်ပေါ်သော ပြိင်းဆိုင်ရာမှ သုံးသပ်ချက်ကို ထိန်းချုပ်ပေးသည်။ ကျမ်းကို ကြည့်ရမည် inherit.

နည်းပါးဆိုင်ရာ

မူကြမ်း အရ flex-start
ကောက်နုတ်သော အမှတ် ကောက်နုတ်သော စကားလုံးပုံ，အသုံးပြုသည့် justify-content သုံးသပ်ချက်.
CSS ပုံစံ: CSS3

ဘွတ်ပစ်ငြိမ်းသက်မှု

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ 12.0 ထောက်ပံ့ 9.0 ထောက်ပံ့

ပါဝင်သော စာမျက်နှာများ

HTML DOM STYLE ကိုးကားချက်များ:alignContent သုံးသပ်ချက်

HTML DOM STYLE ကိုးကားချက်များ:alignItems သုံးသပ်ချက်

HTML DOM STYLE ကိုးကားချက်များ:alignSelf ဗဟိုက္ခဏာ