CSS စက်တင် အကျယ် ပေါင်းစုံ

外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。

合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

外边距合并

外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。

简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。请看下图:

စက်တင် ချွတ်ဝိုင်း ပေါင်းစုံ အမှတ် ၁

亲自试一试

当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。请看下图:

စက်တင် ချွတ်ဝိုင်း ပေါင်းစုံ အမှတ် ၂

亲自试一试

尽管看上去有些奇怪,但是外边距甚至可以与自身发生合并。

假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并:

စက်တင် ချွတ်ဝိုင်း ပေါင်းစုံ အမှတ် ၃

အဆိုပါ ဘေးလွှား သည် အခြား အဆိုပါ အရာတစ်ခု ဘေးလွှား ကို အသုံးပြု သည့်အတွက် ဘေးလွှားပေါင်းခြင်း ဖြစ်သည်:

စက်တင် ချွတ်ဝိုင်း ပေါင်းစုံ အမှတ် ၄

အဆိုပါ ဘေးလွှား အဆိုပါ ဘေးလွှားများ အချွတ်ဝိုင်းစား အထွက် အသား အသင်း သည် အလွန် သေးငယ်သည့် အကြောင်းအရာဖြစ်သည်မှာ အချွတ်ဝိုင်းစား အချွတ်ဝိုင်းစား ဘေးလွှား အချွတ်ဝိုင်းစား ပေါင်းခြင်း ဖြစ်သည်။

ဘေးလွှားပေါင်းခြင်း အစတွင် အလွန်အမြတ် ပြစ်တင်သည်မဟုတ် သော်လည်း ၎င်းသည် အရေးပါသော အကြောင်းအရာဖြစ်သည်။ အသုံးပြုသည့် ပုံမှန် ဘေးလွှား စာသင်း ပုံနှိပ်ခြင်း အတွက် အချက်အလက်တစ်ခုကို သုံးပြီးဖြစ်သည်။ ပထမပိုင်း ဘေးလွှား အပြင်ဘက် အမြင့် သည် ဘေးလွှား အထက်ဘေးလွှား ဖြစ်သည်။ ဘေးလွှားပေါင်းခြင်း မပြုလုပ် လျှင် နောက်ထပ် ဘေးလွှားများ အကြား ဘေးလွှားချိန်း သည် နံပါတ် အထက် ဘေးလွှား နှင့် နံပါတ် အောက် ဘေးလွှား အပေါင်း ဖြစ်သည်။ အကြောင်းအရာကြီး အတွက် ဘေးလွှား အကြား အမြင့် သည် ပုံနှိပ်ခြင်း အချိန်အတွင်း အထက်ဘက် အကြား အမြင့် အတူ ဖြစ်သည်။ ဘေးလွှားပေါင်းခြင်း ဖြစ်လာခဲ့ လျှင် ဘေးလွှား အထက်ဘေးလွှား နှင့် အောက် ဘေးလွှား သည် ပေါင်းခြင်း ဖြစ်လာပြီး တစ်ခါတစ်ရပ် ကြား အကြား အမြင့် သည် အတူတူ ဖြစ်လာသည်။

စက်တင် ချွတ်ဝိုင်း အသုံးပြုခြင်း

ဖော်ပြချက်:သာလျှင် ပုံမှန် နေရာထိုးခြင်းတွင် အဆိုပါ ဘေးလွှားသည့် ဘေးလွှားချိန်းများ သည် ဘေးလွှားချိန်းပေါင်းခြင်း ဖြစ်သည်။ အသုံးပြုသည့် ဘေးလွှားကို သို့မဟုတ် လွှတ်တပ်ခြင်း ဖြစ်သည့် ဘေးလွှားများသည် ဘေးလွှားချိန်းပေါင်းခြင်း မပြုလုပ်ပါ။

အစားထိုးသည့် CSS အချွတ်ဝိုင်းစားကို

အခြား အခြား
အခြား အခြား
အခြား အခြား
အခြား အခြား
အခြား အခြား
အခြား အခြား