စျူးသတ်စနစ် max-inline-size အရေးဆိုတာ

အသုံးပြုနည်း နှင့် အပြုအရေး

max-inline-size အကိုင်းသတ်မှု အကိုင်းသတ်မှု

အကြောင်း max-inline-size အကိုင်းသတ်မှု အသုံး

အကြောင်း max-inline-size အကိုင်းသတ်မှု

မှတ်ချက်အကိုင်းသတ်မှု writing-mode အစိတ်အပိုင်း အလုပ် max-inline-size အခြေခံ

ဖက်ဖ်စ် max-inline-size အကိုင်းသတ်မှု နှင့် ဖက်ဖ်စ် အကိုင်းသတ်မှု max-height နှင့် max-width အရေးပါ max-inline-size အကိုင်းသတ်မှု အခြေခံ

အမှတ်

အကြောင်း 1

အစိတ်အပိုင်း အဆင့် ကို 60 ပမာဏ ဖြင့် သတ်မှတ်ပါ။

div {
  max-inline-size: 60px;
}

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

အကြောင်း 2: ရေးသားစက်

ဖြစ်ပေါ်သော <div> အစိတ်အပိုင်း writing-mode အကိုင်းသတ်မှု အသုံး အချက်အလက် ဖြင့် အစိတ်အပိုင်း သို့ လှိုင်းသည် နှင့် အခြား max-inline-size အကိုင်းသတ်မှု အလုပ်အသုံး

div {
  max-inline-size: 60px;
  writing-mode: vertical-rl;
}

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

အကြောင်း 3: Max-inline-size vs Inline-size

ကြည့်ပါ <div> အစိတ်အပိုင်းinline-size 100px) နှင့် အခြား <div> အစိတ်အပိုင်းmax-inline-size 100px) အကြောင်း ပြောဆိုပါ။

#div1 {
  max-inline-size: 100px;
}
#div2 {
  inline-size: 100px;
}

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

ဖက်ဖ်စ် စက္ခု

max-inline-size: auto|length|initial|inherit;

အကိုင်းသတ်မှု အသုံး

နည်းပါးစွာ

ဘရပ်စ်ကြောင်း ထောက်ပံ့

တခုခုသောအကိုင်းသတ်မှုကို ပထမဆုံး ထောက်ပံ့လိုက်သော ဘရပ်စ်ကြောင်း ကို အချက်အလက် ကို ကြောင်းပြထားသည်。

相关页面

ကိုးကားချက်：CSS inline-size အချက်

ကိုးကားချက်：စျူးသတ်စနစ် min-inline-size အရေးဆိုတာ

ကိုးကားချက်：စျူးသတ်စနစ် max-height အရေးဆိုတာ

ကိုးကားချက်：စျူးသတ်စနစ် max-width အရေးဆိုတာ

ကိုးကားချက်：CSS အကြောင်း အရာ