CSS တွင် display ဂုဏ်သတ္တိကို အသုံးပြုခြင်း

အမှတ်အသားအားလုံးသည် ၎င်းတို့နှင့်သင့်လျော်သော ဘလောက်မော်ဒယ်တစ်ခုနှင့် သက်ဆိုင်ကြောင်း သင် သိပြီးဖြစ်သည်။ သို့သော် လိုလားပါက display ဂုဏ်သတ္တိကို အသုံးပြု၍ မော်ဒယ်ကို ပြောင်းလဲနိုင်သည်။ ဤဂုဏ်သတ္တိ၏ block တန်ဖိုးကို အသုံးပြု၍ အရာဝတ္ထုကို ဘလောက်အဖြစ်လည်းကောင်း၊ inline တန်ဖိုးကို အသုံးပြု၍ အရာဝတ္ထုကို inline အဖြစ်လည်းကောင်း ပြုလုပ်နိုင်သည်။

span အမှတ်အသားများသည် ဘလောက်အရာဝတ္ထုများကဲ့သို့ ပြုမူအောင် ပြုလုပ်ကြပါစို့။

html<span>text</span>
<span>text</span>
<span>text</span>

cssspan {
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid red;
  margin-bottom: 20px;
}

Результат:

ယခု div အမှတ်အသားများသည် inline အရာဝတ္ထုများကဲ့သို့ ပြုမူအောင် ပြုလုပ်ကြပါစို့။

html<div>text</div>
<div>text</div>
<div>text</div>

cssdiv {
  display: inline;
  width: 100px;
  height: 100px;
  border: 1px solid red;
}

Результат: