CSS align-self အချက်အလက်

အသုံးပြုခြင်း နှင့် ဖော်ပြ

align-self အဆိုပါ အခ�ေအနေ က အဆိုပါ အဖွဲ့အစည်း၏ အရာဝတ္တု အခြေအနေ ကို ကျယ်ပြီး ပြောင်းလဲစေသည်。

ကြောက်ကြသည်alignSelf အခ�ေအနေ က အားလုံး အားဖြင့် အဆိုပါ အဖွဲ့အစည်း၏ အခြေအနေ ကို ကျယ်ပြီး ပြောင်းလဲစေသည်。 align-items အခြေအနေ

ဆိုက်အုပ်စု ဖော်ပြCSS Grid

ဆိုက်အုပ်စု ဖော်ပြစီစ်ကျည့်စဉ် Flexbox

ဆိုက်အုပ်စု ကျမ်းalignContent အခ�ေအနေ

ဆိုက်အုပ်စု ကျမ်းalignItems အခ�ေအနေ

ဆိုက်အုပ်စု ကျမ်းjustifySelf အခ�ေအနေ

HTML DOM ကိုယ်စားပြီး ကျမ်းalignSelf အခြေအနေ

အောင်ကြား အောင်ကြား အကွက်အရပ်၏ အရွယ်အစား တွင် အရာဝတ္တု တစ်ခု အလယ်တွင် စတင်တည်ရှိစေသည်：

#myBlueDiv {
  align-self: center;
}

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

အချက်	ဖော်ပြ
auto	မူကြမ်း။ အရာဝတ္တု ကို အဖွဲ့အစည်း၏ အခြေအနေ ကို တိုက်ရိုက် လက်ခံပြီး မရှိဘဲကြားသော အခြေအနေ အားဖြင့် "stretch" ဖြစ်သည်。
stretch	အကွက်အရပ်၏ အရွယ်အစား ကို အရာဝတ္တု ဖြင့် အကျယ်အဝန်းပြင်းပြင်းစေသည်。
center	အကွက်အရပ်၏ အလယ်တွင် အရာဝတ္တု တည်ရှိသည်。
flex-start	အကွက်အရပ်၏ အပေါ်ပိုင်းတွင် အရာဝတ္တု တည်ရှိသည်。
flex-end	အကွက်အရပ်၏ အနောက်ပိုင်းတွင် အရာဝတ္တု တည်ရှိသည်。
အခြေအနေ	အရာဝတ္တု ကို အကွက်အရပ်၏ အခြေအနေ တွင် စတင်တည်ရှိစေသည်。
initial	ထို အခြေအနေ ကို မူကြမ်း အခြေအနေ သို့ ကျပြောင်းရမည်။ ကျမ်းကြည့် initial。
inherit	ဖြစ်ပေါ်စေသော အဖွဲ့အစည်းမှ ထို အခြေအနေ ကို လက်ခံပြီး ကြည့်ရမည်။ inherit。

မူကြမ်း	auto
တိုက်ရိုက်	မမြောက်
အန်ဂိုင်း ဖန်တီး	မမြောက်မြတ်ပါ၊ ကျမ်းကို ကြည့်ရမည်။အန်ဂိုင်း သတ္တု。
ပုံစံ	ဆိုက်အုပ်စု 3
ဂျူနော် ဘာသာစကား	object.style.alignSelf="center"

အချက်အလက်များသည် ထိရောက်သော ဘဏ္ဍာင် ပေါ်မူဝါဒ အစားထိုးသည့် ဘရောက်သတ္တု ကို ရှိပါသည်。

ခရိုးမီ	အန်ဂျီ	ဖရက်ခ်	ဆိုဖ်	အိုပရက်
ခရိုးမီ	အန်ဂျီ	ဖရက်ခ်	ဆိုဖ်	အိုပရက်
57.0	16.0	52.0	10.1	44.0