CSS စကာတင် အထိပ် အကျယ်

ဤအစိတ်၏ အကျယ်အဝန်း ၁၀၀% ဖြစ်သည်။

CSS 设置高度和宽度

height 和 width 属性用于设置元素的高度和宽度。

height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。

CSS 高度和宽度值

height 和 width 属性可设置如下值：

  • auto - 默认。浏览器计算高度和宽度。
  • length - 以 px、cm 等定义高度/宽度。
  • % - 以包含块的百分比定义高度/宽度。
  • initial - 将高度/宽度设置为默认值。
  • inherit - 从其父值继承高度/宽度。

CSS 高度和宽度实例

此元素的高度为 200 像素，宽度为 50％

အမှတ်အသား

设置

元素的高度和宽度：

div {
  height: 200px;
  width: 50%;
  background-color: powderblue;
}

ကိုယ်တိုင် စစ်ဆေးမေးမြန်းပါ

此元素的高度为 100 像素，宽度为 500 像素。

အမှတ်အသား

设置另一个

元素的高度和宽度：

div {
  height: 100px;
  width: 500px;
  background-color: powderblue;
}

ကိုယ်တိုင် စစ်ဆေးမေးမြန်းပါ

注意：请记住，height 和 width 属性不包括内边距、边框或外边距！它们设置的是元素的内边距、边框和外边距内的区域的高度/宽度！

max-width အရွယ်အစား သတ်မှတ်ချက်

max-width အရွယ်အစား သတ်မှတ်ချက် သည် အရွယ်အစား အနည်းဆုံး အကျယ်အဝန်း ကို သတ်မှတ်ပြီး အသုံးပြုသည်

max-width အရွယ်အစား သတ်မှတ်ချက်ကို အကျယ်အဝန်း သုံးချက်ဖြင့် သတ်မှတ်နိုင်ပြီး အပေါ်အရွယ် သို့မဟုတ် အရွယ်အစား သတ်မှတ်ချက်ကို none အဖြစ် သတ်မှတ်နိုင်ပါသည်

ဘတ်သျှား ဝတ်စား အကျယ်အဝန်း သေးသည့် အခါ အခြား အခြေအနေ ဖြစ်ပါသည် <div> အခြေအနေအရ အခြား အခြေအနေ သည် ပေါ်ပေါ်လာပြီး ဘတ်သျှား အစီအစဉ် သည် စားပွားရေး ပုံပြင် သို့ ရောက်ရှိသည်

ဤ အခြေအနေအရ max-width ဘတ်သျှား ဝတ်စား အကျယ်အဝန်း သေးသည့် အခါ ဘတ်သျှား ကို ကောင်းမွန်စွာ ပြုပြင်နိုင်သည်

အကြိမ်းချုပ်ဘတ်သျှား ဝတ်စား ကို ၅၀၀ ပုံသောက် ထိထဲသို့ ချွတ်ပါက နှစ်ခုသော div အကြား ကွဲပြားမှု ကို ကြည့်ပါ

ဤ အရွယ်အစား ၁၀၀ ပုံသောက် ဖြစ်ပြီး အကျယ်အဝန်း ၅၀၀ ပုံသောက် ဖြစ်သည်။

ဤ အရွယ်အစား ၁၀၀ ပုံသောက် ဖြစ်ပြီး အကျယ်အဝန်း ၅၀၀ ပုံသောက် ဖြစ်သည်။

ထင်ပေါ်သုံးမှုmax-width အရွယ်အစား သတ်မှတ်ချက်သည် အပြင်းအထန် ဖြစ်ပါသည် width（အကျယ်အဝန်း）

အမှတ်အသား

ဤ <div> အရွယ်အစား ၁၀၀ ပုံသောက် ဖြစ်ပြီး အကျယ်အဝန်း ၅၀၀ ပုံသောက် ဖြစ်သည့်:

div {
  max-width: 500px;
  height: 100px;
  background-color: powderblue;
}

ကိုယ်တိုင် စစ်ဆေးမေးမြန်းပါ

အခြား အမှတ်အသားများ

အမျိုးမျိုးသော အရွယ်အစား ကို စစ်ဆေးပြသခြင်း
ဤအမှတ်အသားသည် အမျိုးမျိုးသော အရွယ်အစား ကို စစ်ဆေးပြသခြင်းဖြစ်သည်။
အရွယ်အစားသုံးချက်ဖြင့် ပုံရိပ်၏ အမြင့် နှင့် အကျယ်အဝန်း ကို စစ်ဆေးပြသခြင်း
ဤအမှတ်အသားသည် အရွယ်အစားသုံးချက်ဖြင့် ပုံရိပ်၏ အမြင့် နှင့် အကျယ်အဝန်း ကို စစ်ဆေးပြသခြင်းဖြစ်သည်။
အရွယ်အစားအနည်းဆုံး နှင့် အနည်းဆုံး အကျယ်အဝန်း ကို အစိုးရိုက်ခုံးမှ စစ်ဆေးပြသခြင်း
ဤအမှတ်အသားသည် ပုံစံတခုကို အရွယ်အစားသုံးချက်ဖြင့် အရွယ်အစားအနည်းဆုံး နှင့် အနည်းဆုံး အကျယ်အဝန်း ကို စစ်ဆေးပြသခြင်းဖြစ်သည်။
设置元素的最小高度和最大高度
本例演示如何使用像素值设置元素的最小高度和最大高度。

设置 CSS 尺寸属性

属性 描述
height 设置元素的高度。
max-height 设置元素的最大高度。
max-width 设置元素的最大宽度。
min-height 设置元素的最小高度。
min-width 设置元素的最小宽度。
width 设置元素的宽度。