ພວກເຮົາຈະສຶກສາວິທີທີ່ຈະສົ່ງພາບສູນກາງ

ພວກເຮົາຈະສຶກສາວິທີທີ່ຈະສົ່ງພາບສູນກາງດ້ວຍ CSS.

ສົ່ງພາບສູນກາງ:

Tulip

ພວກເຮົາຈະສຶກສາວິທີທີ່ຈະສົ່ງພາບສູນກາງ

ກໍາລັງທີໜຶ່ງ - ສະແກນ HTML:

<img src="paris.jpg" alt="Paris" class="center">

ກໍາລັງທີສອງ - ສະແກນ CSS:

ເພື່ອສົ່ງພາບສູນກາງເຂົາໃຫ້ autoແລະຕັດສິນຄັງເປັນຫຍັງຕົວຫຼັກ:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

ທ່ານຈະທົດລອງດຽວກັນ

ບໍ່ຕ້ອງຫັນວ່າ 100%（全角），则无法居中。

相关页面

教程：CSS 图像