سایت خود را به مرکز تراز کنید

فهرست مطالب:

سایت خود را به مرکز تراز کنید
سایت خود را به مرکز تراز کنید

تصویری: سایت خود را به مرکز تراز کنید

تصویری: سایت خود را به مرکز تراز کنید
تصویری: پروازهای تخلیه افغان ها با کمک پیلوت های باز نشسته ناتو به زودی شروع میشود/ طبق ویدیو ثبت نام کنید 2024, آوریل
Anonim

هنگام کدگذاری ، مدیر وب سایت باید تلاش زیادی کند تا سایت در وضوح تصویرهای مختلف به همان اندازه خوب جلوه کند. بهترین راه حل این است که تمام مطالب موجود در صفحه را مرکز قرار دهید.

سایت خود را به مرکز تراز کنید
سایت خود را به مرکز تراز کنید

دستورالعمل ها

مرحله 1

روش تراز وسط به روش چیدمان بستگی دارد. می توانید از برچسب ها یا استفاده کنید

… البته بسته بندی همه مطالب در یک برچسب ساده تر است ، اما مدت ها قبل از رده خارج شده است و هیچ تضمینی وجود ندارد که همه چیز به درستی کار خواهد کرد. مدرن ترین روش استفاده از فناوری CSS است.

گام 2

این برچسب بخشی از کد را به یک بلوک جدا می کند ، به شما امکان می دهد شکل ظاهری محتوا را تغییر دهید و به قطعه یک قلم ، رنگ ، پس زمینه و غیره بدهید. با طرح بلوک ، تمام مطالب برچسب در برچسب قرار می گیرند. در تراز را با صفت align تنظیم می کنیم. شبیه این خواهد شد:

محتوای سایت

مرحله 3

مرکز دهی را می توان با استفاده از ابزار CSS نیز تنظیم کرد. برای این کار ، شما باید یک فایل جداگانه از شیوه نامه ها ایجاد کنید یا همه چیز را در همان فایل HTML ، در برچسب قرار دهید. کد به صورت زیر خواهد بود:

* {حاشیه: 0؛ بالشتک: 0؛}

بدن {

text-align: مرکز؛

}

div {

عرض: 700 پیکسل

حاشیه: 0 خودکار؛

}

مرحله 4

در طرح جدول ، مرکز سازی با استفاده از جداول موجود در برچسب تنظیم می شود

… کد به صورت زیر خواهد بود: <جدول سایت

… این جدول به ترتیب در مرکز صفحه قرار دارد و محتوای آن نیز قرار دارد. با تعیین پارامتر width می توانید عرض هر بلوک را تعیین کنید.

مرحله 5

هنگام انتخاب عرض صفحه ، به خاطر داشته باشید که وضوح صفحه کاربران می تواند با وضوح شما بسیار متفاوت باشد. گاهی اوقات ، برای اینکه با اندازه اشتباه نکنید ، باید همه چیز را به صورت درصد تعیین کنید. این به ویژه اگر سایت ساده ای داشته باشید بسیار مفید است.

مرحله 6

از هر روشی که استفاده می کنید ، مطمئن شوید که سایت شما در همه مرورگرها به درستی کار می کند. اگر به هر دلیلی به اشتباه در یکی از آنها نمایش داده شده است - این را نشان دهید.

توصیه شده: