စျူပ်ဆိုက် ဒေါ်လုပ် row-gap ဖောင်ဒါ
အချက်အလက်နှင့် သုံးစွမ်း
row-gap အချက်အလက်သည် ပြောင်းလဲစွမ်းအားသုံးစံမျက်နှာပြင်တွင် ပြောင်းလဲစွမ်းအားသုံးစွမ်းပါတယ်
row-gap အချက်အလက်သည် grid-row-gap。
အခြားသုံးစွမ်း
CSS ပညာရှိCSS နောက်ပိုင်းသုံးစံမျ
CSS ပညာရှိCSS အဆန့်သုံးစံမျက်နှာပြင်တွင်
CSS ဆိုင်ရာသတင်းကြည့်gap အချက်အလက်
CSS ဆိုင်ရာသတင်းကြည့်column-gap အချက်အလက်
အမှတ်
အမှတ် 1
အချက်အလက်ကို 50 ပမာဏ ထိပ်သုံးစွမ်းပါတယ်
#grid-container { display: grid; row-gap: 50px; }
အမှတ် 2: ပြောင်းလဲစွမ်းအားသုံးစံမျ
ပြောင်းလဲစွမ်းအားသုံးစံမျက်နှာပြင်တွင် အခြေအနေကို 70px ထိပ်သုံးစွမ်းပါတယ်
#flex-container { display: flex; row-gap: 70px; }
CSS ပုံစံ
row-gap: length|normal|initial|inherit;
အချက်အလက် | တရားဝင် |
---|---|
length | အချက်အလက်ကိုသုံးစွမ်းပါတယ်။ |
normal | မည်သည်မဆို |
initial | အချက်အလက်ကိုပြန်လည်သုံးစွမ်းပါတယ်။ initial。 |
inherit | ပြင်းထန်သောအချက်အလက်ကိုသုံးစွမ်းပါတယ်။ inherit。 |
နည်းပါးများ
မည်သည်မဆို | normal |
---|---|
တက်ကြွ | မမှန် |
လှည့်ပြီးသုံးစွမ်းပါတယ် | အောက်ပါလှည့်ပြီးသုံးစွမ်းပါတယ်。 |
ပုံစံ: | CSS Box Alignment Module Level 3 |
JavaScript ပုံစံ: | object.style.rowGap="50px" |
ဘရောက်လာတယ်
အချက်အလက်တင်ဆက်ထားသောအချိန်ကိုသုံးစွမ်းပါတယ်။
အုပ်စုအုပ် | Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
အောက်ပါ | အောက်ပါ | အောက်ပါ | အောက်ပါ | အောက်ပါ | အောက်ပါ |
ပြောင်းလဲစွမ်းအားသုံးစံမျက်နှာပြင်တွင် | အောက်ပါ | အောက်ပါ | အောက်ပါ | အောက်ပါ | အောက်ပါ |