خانه > عمومی > وسط قرار دادن یک لایه

وسط قرار دادن یک لایه

گاهی اوقات لازم است که یک DIV با عرض مشخص را وسط قرار دهید. (مثل DIV اصلی صفحه در طراحی‌هایی با عرض ثابت که محتویات صفحه در آن قرار دارد)

برای وسط قرار دادن یک لایه راه‌های متعددی وجود دارد که یکی از بهترین راه‌های این کار را در زیر می‌بینید. این روش در همه براوزرهای متداول (حتی IE6) هم قابل انجام است.

<div style="text-align:cnter">
	<div style="margin-left:auto;margin-right:auto">
		مطالب شما
	</div>
</div>

دونکته:

  1. در صورتی که مارجین (حاشیه) لایه مورد نظر از بالا و پایین هم مشخص است، شما می‌توانید آن را به صورت کوتاه شده بنویسید. مثلا:
    margin:0 auto
  2. با توجه به اینکه لایه بیرونی در کد فوق، باعث وسط چین شدن زیرمجموعه‌اش می‌شود، در لایه دومی بهتر است علاوه بر حاشیه، text-align نیز مقداری برابر left (برای صفحات انگلیسی) و right (برای صفحات به فارسی) داده شود.
Advertisements
دسته‌ها:عمومی برچسب‌ها: ,
  1. هنوز دیدگاهی داده نشده است.
  1. No trackbacks yet.

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s

%d وب‌نوشت‌نویس این را دوست دارند: