فهرست مطالب:

چگونه یک تصویر پس زمینه را در یک div وسط قرار دهم؟
چگونه یک تصویر پس زمینه را در یک div وسط قرار دهم؟

تصویری: چگونه یک تصویر پس زمینه را در یک div وسط قرار دهم؟

تصویری: چگونه یک تصویر پس زمینه را در یک div وسط قرار دهم؟
تصویری: وقتی خدا میاد ایران 💀😂 یا خدا😂 2024, نوامبر
Anonim

برگه سبک: CSS

سپس، چگونه می توانم یک تصویر را در یک div وسط قرار دهم؟

به مرکز یک تصویر با استفاده از تنظیم متن: مرکز ; شما باید قرار دهید

داخل یک عنصر سطح بلوک مانند a بخش . از آنجایی که ویژگی text-align فقط برای عناصر سطح بلوک اعمال می شود، شما text-align را قرار می دهید: مرکز ; روی عنصر بسته بندی سطح بلوک برای رسیدن به مرکز افقی

پس از آن، سوال این است که چگونه یک div را در مرکز قرار دهم؟ روش تراز کردن متن

  1. div را که می‌خواهید در مرکز قرار دهید با یک عنصر والد (که معمولاً به عنوان لفاف یا ظرف شناخته می‌شود) محصور کنید.
  2. "Text-align: center" را روی عنصر والد تنظیم کنید.
  3. سپس div داخلی را روی "display: inline-block" تنظیم کنید

در این رابطه، چگونه یک تصویر پس زمینه را در مرکز تراز کنم؟

برای مرکز یا موقعیت یابی تصویر پس زمینه شما باید استفاده کنید زمینه - موقعیت ویژگی. این زمینه - موقعیت ویژگی شروع را تنظیم می کند موقعیت از یک تصویر پس زمینه از سمت چپ و بالا عنصر. سینتکس CSS است زمینه - موقعیت : xvalue yvalue;.

چگونه یک div را به صورت افقی در مرکز قرار دهم؟

بیایید مرکز a را به صورت افقی گام به گام ببینیم:

  1. عرض عنصر بیرونی را تنظیم کنید (یعنی 100٪ کل خط را پوشش می دهد).
  2. ویژگی margin را روی auto تنظیم کنید تا عنصر را به صورت افقی در مرکز صفحه قرار دهید.
  3. رنگ های دلخواه خود را برای div های بیرونی و داخلی با استفاده از ویژگی background-color تنظیم کنید.

توصیه شده: