หลักสูตรที่มีประโยชน์

แปลงความเร็ว

เลือกวิชาที่ชอบ

Tulip

หลักสูตรที่มีประโยชน์

ขั้นที่ 1 - เพิ่ม HTML:

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

ขั้นที่ 2 - เพิ่ม CSS:

เพื่อที่จะให้รูปภาพศูนย์กลาง โปรดตั้งค่าขอบเขตด้านขวาและซ้ายเป็น autoและกำหนดให้เป็นองค์ประกอบตัวบล็อค:

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

ทดลองด้วยตัวเอง

โปรดเล็งเห็นว่า ถ้าความกว้างได้ถูกตั้งค่าเป็น 100%（全角），则无法居中。

相关页面

教程：CSS 图像