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

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

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

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

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

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

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

آزمایش کنید

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

صفحات مرتبط

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