calc လုပ်ဆောင်ချက်

calc လုပ်ဆောင်ချက်သည် CSS property တန်ဖိုးများ၏ တွက်ချက်မှုများကို လုပ်ဆောင်ခွင့်ပေးသည်။ ဤလုပ်ဆောင်ချက်သည် သင်္ချာဆိုင်ရာ ဖော်ပြချက်တစ်ခုကို parameter အဖြစ် လက်ခံပြီး ၎င်း၏ တွက်ချက်မှုရလဒ်ကို CSS property တန်ဖိုးအဖြစ် အသုံးပြုနိုင်သည်။ ဖော်ပြချက်တွင် လုပ်ဆောင်ချက်များ +, -, *, / ပါဝင်နိုင်သည်။

ဝါကျဖွဲ့စည်းပုံ

cssရွေးချယ်သူ {
  property: calc(ဖော်ပြချက်);
}

ဥပမာ

ဘလောက်တစ်ခု၏ အနံသည် မိဘ element ၏ အနံ၏ 100% နှင့် ညီမျှပြီး 50px နုတ်ထားသည့် ပုံစံဖြစ်အောင် လုပ်ကြည့်ရအောင်:

html<div id="parent">
  <div id="child"></div>
</div>

css#child {
  width: calc(100% - 50px);
  height: 100px;
  margin: 0 auto;
  border: 1px solid red;
}
#parent {
  border: 1px solid green;
}

Результат:

ဤအကြောင်းကိုလည်း ကြည့်ပါ