تراز بندی با استفاده از خصوصیت margin
عناصر Block را می توان با تنظیم خصوصیت margin با مقدار "auto" تراز بندی کرد.
توجه: استفاده از مقدار "auto" برای خصوصیت margin در IE8 و نسخه های پایین تر کار نخواهد کرد مگر اینکه یک !DOCTYPE در بالای صفحه HTML اعلان شود.
در مثال زیر مقدار "auto" مشخص می کند که فاصله حاشیه های چپ و راست یکسان باشد. بنابراین عنصر در وسط قرار خواهد گرفت:
مثال (تراز بندی با استفاده از خصوصیت margin)
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
خودتان امتحان کنید »{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
نکته: اگر خصوصیت width با مقدار 100% تنظیم شود، تراز بندی اثری نخواهد داشت.
