Style alignSelf သုံးသပ်

ဒါနှင့် အသုံးပြုခြင်း နှင့် အကျိုးသက်

alignSelf အကွင်းရိုး အခြေခံ အတွင်း ရွေးချယ်ထားသော အစိတ် ကို ထိန်းသိမ်းပါ

မှတ်ချက်:alignSelf သုံးသပ် က အကွင်းရိုး အခြေခံ ကို ဖောက်ဖျက်ပါ alignItems 属性.

အကြောင်းအရာ

အကွင်းရိုး အစိတ်များ အတွက် အစိတ်ပြင်းတုံ့ပေါ်ရှိသော အခြေခံ ကို လုံးကွေး ထိန်းသိမ်းပါ:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

ကိုယ်တိုင် ကျင်းပပါ

အက္ခရာ

ဖြစ်ပေါ်စေသော alignSelf သုံးသပ်:

object.style.alignSelf

ဖြစ်ပေါ်စေသော alignSelf သုံးသပ်:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

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

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

နည်းပညာ အချက်အလက်

မူးများသည်: auto
တင်ပြချက်: သံသယ သတင်း align-self သုံးသပ်.
CSS ပုံစံ: CSS3

ဘရောက်တာ ထောက်ပံ့

alignItems ဖြစ်ပါသည် ဖြစ်သည် CSS3 (1999) အခြေခံစက္ခု

အားလုံး ဘရောက်တာ ကို လုံးကွေး ထောက်ပံ့သည်:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ 11

ပြင်ဆင်ထားသော စာမျက်နှာ

CSS ချစ်ပတ်ခန့်align-self သုံးသပ်

HTML DOM STYLE 参考手册：alignContent 属性

HTML DOM STYLE 参考手册：alignItems 属性