စျူပ်ဆိုက် ဒေါ်လုပ် row-gap ဖောင်ဒါ

  • အရှေ့သို့ rotate
  • ထပ်ကန်း scale

အချက်အလက်နှင့် သုံးစွမ်း

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
အောက်ပါ အောက်ပါ အောက်ပါ အောက်ပါ အောက်ပါ အောက်ပါ
ပြောင်းလဲစွမ်းအားသုံးစံမျက်နှာပြင်တွင် အောက်ပါ အောက်ပါ အောက်ပါ အောက်ပါ အောက်ပါ
  • အရှေ့သို့ rotate
  • ထပ်ကန်း scale