Bagaimana untuk menengahkan gambar

Bagaimana untuk menengahkan gambar

Langkah pertama - Tambahkan HTML:

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

Langkah kedua - Tambahkan CSS:

Untuk membuat gambar tengah, tetapkan marjin luar kiri dan kanan: autodan tetapkan ia sebagai elemen blok:

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

Cuba sendiri

Sila perhatikan, jika lebar diset ke 100%(dengan lebar tebal), maka tidak dapat diatur sentral.

Halaman yang berhubungan

Panduan:Gambar CSS