بایگانی

Posts Tagged ‘center’

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

گاهی اوقات لازم است که یک 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
دسته‌ها:عمومی برچسب‌ها: ,