စက်ပိုင်ဆိုင်ရာ min-block-size အရေးပါသည်

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

min-block-size ဗိုင်းအချင်း တစ်ခု တွင် အရာအထူး အစိတ်အပိုင်း အကျယ်အဝန်း အနည်းဆုံး ကို ချမှတ်သည်。

如果内容在块方向上的尺寸小于最小尺寸，则将应用 min-block-size 属性值。

如果内容在块方向上的尺寸大于最小尺寸，则 min-block-size 属性值不起作用。

注意：相关的 CSS 属性 writing-mode 定义了块方向，这会影响 min-block-size 属性的结果。对于英文页面，块方向是向下，而行内方向是从左到右。

ကျော်ကြီး min-block-size အခြေခံ ဘာသာစကား အကိုယ်အချုပ်အခြေအား min-height နှင့် min-width အကြောင်း ပြောဆို အခြေခံ ပြင့်ပြင့် အခြေခံ အလုပ်အသုံး min-block-size အကိုယ်အချုပ်အခြေအား အခြေခံ အလုပ်အသုံး

အကြောင်း ပြောဆို

အကြောင်း ပြောဆို 1

အကိုယ်အချုပ်အခြေအား အကြောင်း ပြောဆို အောက်ပါ <div> အကိုယ်အချုပ်အခြေအား ကို အောက်ပါ ပုံစံ ဖြင့် ပြင့်ပြင့် တုပ်တုပ် ပြောင်းလဲ

div {
  min-block-size: 200px;
}

ကျွန်ုပ်ကိုယ် စမ်းသပ်

အကြောင်း ပြောဆို 2: စကားရပ်ချက် အလုပ်အသုံး

ကျွန်ုပ်တို့၏ <div> အကိုယ်အချုပ်အခြေအား writing-mode အကိုယ်အချုပ်အခြေအား ပုံစံ အခြေခံ ဖြစ်သော vertical-rl အခြေခံ အကိုယ်အချုပ်အခြေအား ပုံစံ အခြေခံ ဖြစ်သည့် အတွက် ကြောင်း ပြောဆို min-block-size အကိုယ်အချုပ်အခြေအား အလုပ်အသုံး

div {
  min-block-size: 200px;
  writing-mode: vertical-rl;
}

ကျွန်ုပ်ကိုယ် စမ်းသပ်

အကြောင်း ပြောဆို 3: min-block-size နှင့် block-size

အကြောင်း ပြောဆိုblock-size အကြောင်း ပြောဆိုmin-block-size အကြောင်း ပြောဆို ပြီး အကြောင်း ပြောဆို

#div1 {
  min-block-size: 100px;
}
#div2 {
  block-size: 100px;
}

ကျွန်ုပ်ကိုယ် စမ်းသပ်

ကျော်ကြီး ပုံစံ

min-block-size: auto|length|initial|inherit;

အကိုယ်အချုပ်အခြေအား

နည်းပါး

ဘာသာစကား ထောက်ပံ့

တခုခုတွင်းဖြစ်သော အကိုယ်အချုပ်အခြေအား ထောက်ပံ့သော ဘာသာစကား ကန့်ကွက်သည် ပြင့်ပြင့် တုပ်တုပ် ပြောင်းလဲသည်။

相关页面

参考：စက်တင်ကျသော အကျယ်အဝန်း ဗီယိုကရက်စ် အခြေအနေ

参考：စက်ပိုင်ဆိုင်ရာ max-block-size အရေးပါသည်

参考：စက်ပိုင်ဆိုင်ရာ min-height အရေးပါသည်

参考：စက်ပိုင်ဆိုင်ရာ min-width အရေးပါသည်

参考：CSS စက်ရုံး လုပ်သုံး အချိန်