စက်တင် မျက်နှာပြင် လောင်းချိန် အပြင်ဘက် အရွယ်

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

min-inline-size ကိုယ်ရေးသားခြင်း ကို တန်းဝိုင်းလမ်းကြောင်း အရေအတွက် အနည်းဆုံး အရွယ်အစား ကို ချမှတ်သည်。

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

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

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

CSS min-inline-size 属性与 CSS 属性 min-heightmin-width 非常相似,但 min-inline-size 属性依赖于行内方向。

实例

例子 1

元素在行内方向上的最小尺寸设置为 200 像素:

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

ကျင်းပ

例子 2:书写模式

元素的 writing-mode အချက်အလက် အချက်အလက် ဖြင့် သတ်မှတ်ထားသည့် vertical-rl အချက်အလက် ဖြင့် အကြောင်းအရာ ဖြင့် အကြောင်းအရာ ကို ပြောဆိုသည်။ အကြောင်းအရာ ဖြင့် အကြောင်းအရာ ကို ပြောဆိုသည်။

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

ကျင်းပ

အချက်အလက် 3: min-inline-size နှင့် inline-size

အချက်အလက် တစ်ခု inline-size 200px အချက်အလက် အပါအဝင် <div> အချက်အလက် များ နှင့် အခြား min-inline-size 200px အချက်အလက် အပါအဝင် <div> အချက်အလက် များ အတွက် အခြား ပြောင်းလဲမှု များ ကို ကြည့်ပါ:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

ကျင်းပ

CSS ဘာသာပြန်

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

အချက်အလက် အချက်အလက်

အချက်အလက် ဖော်ပြ
auto မူကြမ်း
length အချက်အလက် အချက်အလက် ကို သတ်မှတ်ထားသည်။ ကျမ်းကို ကြည့်ပါ:CSS အရာအရွက်
% တိုးခြင်း စက္ခု ကို အချက်အလက် ဖြင့် သတ်မှတ်ထားသည်။ ဖြစ်ပေါ်လာသော အဖိုင်အမှုး အပေါ် နောက်ဆုံး အကျယ်အဝန်း နှင့် နှိုင်းယှဉ်ပါ။
initial အချက်အလက် ကို မူကြမ်း အချက်အလက် သို့ သတ်မှတ်ပါ။ ကျမ်းကို ကြည့်ပါ: initial
inherit ဖြစ်ပေါ်လာသော အဖိုင်အမှုး မှ အခြေခံ၍ အခြေခံ အချက်အလက် ကို လက်ခံသည်။ ကျမ်းကို ကြည့်ပါ: inherit

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

မူကြမ်း auto
ကူးကြောက် မမှန်
လှည့်ပတ် အလုပ် လက်ခံလှည့်ပတ် သတင်းသွင်း အချက်အလက်
ပုံစံ CSS3
JavaScript ဘာသာပြန် object.style.minInlineSize="10px"

ဘာသာပြန် လက်ခံ

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

ချို့ ပြောင် ဖြောင့် စိတ်ဝိုက် တိုက်ရိုက်
57.0 79.0 41.0 12.1 44.0

相关页面

参考:စက်တင်ကျွန်း inline-size

参考:စက်တင် မျက်နှာပြင် လောင်းချိန် အပြင်ဘက် အရွယ်

参考:စက်တင် မျက်နှာပြင် လောင်းချိန် အမြင်

参考:စက်တင် မျက်နှာပြင် လောင်းချိန် အနှံ

参考:CSS အသုံး