نحوه تقسیم Div

فهرست مطالب:

نحوه تقسیم Div
نحوه تقسیم Div

تصویری: نحوه تقسیم Div

تصویری: نحوه تقسیم Div
تصویری: تقسیم صفحه به دو بخش پاسخگو در HTML/CSS (5 دقیقه) 2024, آوریل
Anonim

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

نحوه تقسیم div
نحوه تقسیم div

ضروری است

دانش پایه HTML

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

مرحله 1

یکی از گزینه های حل مشکل تراز بندی یک لایه (بلوک DIV) به مرکز پنجره یک صفحه باز ، فقط با استفاده از HTML دور زده می شود (HyperText Markup Language - "hypertext markup language"). شما باید بلوک را درون برچسب قرار دهید. ساده ترین کد صفحه ، که به این روش تنظیم شده است ، ممکن است به عنوان مثال ، به صورت زیر باشد:

تراز کردن یک DIV به مرکز

گام 2

گزینه دیگر از CSS (Cascading Style Sheets) استفاده می کند. به سبک لایه تراز شده ، باید تشخیص خودکار مقدار جبران از مرزهای پنجره را تنظیم کنید. کد چنین صفحه ای در ساده ترین شکل می تواند مثلاً به صورت زیر باشد:

تراز کردن یک DIV به مرکز

توصیه شده: