چگونه تصویر را در وسط قرار دهیم

چگونه تصویر را در وسط قرار دهیم

اولین مرحله - اضافه کردن HTML:

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

دومین مرحله - اضافه کردن CSS:

برای اینکه تصویر در وسط قرار گیرد، حاشیه‌های جانبی را تنظیم کنید auto، و آن را به عنوان عنصر بلوک تنظیم کنید:

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

آزمایش کنید

لطفاً توجه کنید که اگر عرض تنظیم شده باشد 100%اگر (بroadside)، نمی‌توان آن را در وسط قرار داد.

صفحات مرتبط

آموزش‌ها:تصویر CSS