ການປ່ຽນລະດັບຫຼາຍຂອງຂໍ້ບວກ CSS
CSS 设置高度和宽度
height ແລະ width 属性用于设置元素的高度和宽度。
height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。
CSS 高度和宽度值
height ແລະ width 属性可设置如下值：
auto- 默认。浏览器计算高度和宽度。length- 以 px、cm 等定义高度/宽度。%- ມີລະດັບຂະໜາດຈາກຂອງບັນດາຂອງບັນດາປະກອບ.initial- ກັບການມີລະດັບຄົງເກົ່າ.inherit- ຮຽກຮ້ອງຂະໜາດຈາກຜູ້ແທນ.
ຄວາມສະແດງ CSS ຂອງຂະໜາດຫຼາຍຫຼາຍ.
ຄວາມສະແດງ.
ການມີລະດັບຂະໜາດ <div>:
div {
height: 200px;
width: 50%;
background-color: powderblue;
}
ຄວາມສະແດງ.
ການມີລະດັບຂະໜາດຂອງ <div> ອື່ນໆ:
div {
height: 100px;
width: 500px;
background-color: powderblue;
}
ຫັງວິທີ:ບໍ່ຄວນຈົດຈຳ.height ແລະ width ປະສົມປະສານບໍ່ລວມໃນ padding, border ແລະ margin! ພວກມັນຈະມີລະດັບ padding, border ແລະ margin ພາຍໃນສະຖານະຂອງປະກອບ.
ການມີລະດັບ max-width
max-width ປະສົມປະສານຈະມີລະດັບວັດຖຸສູງສຸດສາມາດກໍານົດ.
ສາມາດກໍານົດ max-width (ວັດຖຸສູງສຸດ) ທີ່ສາມາດໃຊ້ວັດຖຸຈຳນວນ (ອີງຕາມ px, cm ແລະອັນດັບ) ຫຼື 0 (ມີຈຳນວນສູງສຸດ).
ເວລາທີ່ບານຄອນວັດຖຸມີວັດຖຸຫຼາຍກວ່າວັດຖຸບານຄອນວັດຖຸ (500px) ຈະເກີດການຫາກວັດຖຸດັ່ງກ່າວ. <div> ຄວາມຜິດພາດ. ເຫດນີ້ບານຄອນວັດຖຸຈະມີສີບວົງຫຼິ້ນຢູ່ເທິງໜ້າເວັບໄຊ.
ໃນກໍລະນີນີ້ ການໃຊ້: max-width ສາມາດປັບປຸງການຈັດການຂອງບານຄອນວັດຖຸທີ່ຫຼາຍກວ່າ 500px.
ຄຳແນະນຳ:ຖອນປະກາດບານຄອນວັດຖຸທີ່ຫຼາຍກວ່າ 500px ເພື່ອເບິ່ງຄວາມແຕກຕ່າງລະຫວ່າງ div.
ສະຖານະຂອງປະກອບດັ່ງກ່າວມີລະດັບຂະໜາດ 100 ປອດ ແລະສູງສຸດ 500 ປອດ.
ບັນທືກ:max-width ມູນຄ່າຂອງປະສົມປະສານຈະປົກປັນຂຶ້ນ. width(ວັດຖຸ).
ຄວາມສະແດງ.
ສະຖານະຂອງ <div> ດັ່ງກ່າວມີລະດັບຂະໜາດ 100 ປອດ ແລະສູງສຸດ 500 ປອດ:
div {
max-width: 500px;
height: 100px;
background-color: powderblue;
}
ຄວາມສະແດງອື່ນ.
- ການມີລະດັບຂະໜາດບັນດາປະກອບຢ່າງຫຼາກຫຼາຍ
- ການຄົ້ນຄວ້າວ່າແນວໃດຈະມີລະດັບຂະໜາດຂອງບັນດາປະກອບຢ່າງຫຼາກຫຼາຍ.
- ການມີລະດັບຂະໜາດພາບລະບາຍຢ່າງພາສາບໍ່ທັນ.
- ການຄົ້ນຄວ້າວ່າແນວໃດຈະມີລະດັບຂະໜາດຂອງພາບລະບາຍ.
- ການມີລະດັບວັດຖຸຂອງບັນດາປະກອບຢ່າງນ້ອຍແລະນ້ອຍສຸດສູງ
- ການຄົ້ນຄວ້າວ່າແນວໃດຈະມີລະດັບວັດຖຸຂອງບັນດາປະກອບຢ່າງນ້ອຍແລະນ້ອຍສຸດສູງ.
- 设置元素的最小高度和最大高度
- 本例演示如何使用像素值设置元素的最小高度和最大高度。
设置 CSS 尺寸属性
| 属性 | 描述 |
|---|---|
| height | 设置元素的高度。 |
| max-height | 设置元素的最大高度。 |
| max-width | 设置元素的最大宽度。 |
| min-height | 设置元素的最小高度。 |
| min-width | 设置元素的最小宽度。 |
| width | 设置元素的宽度。 |
