نیاز به کشش جدول در کل فضای پنجره مرورگر ، به عنوان مثال وقتی طرح صفحه در داخل جدول قرار می گیرد ، ایجاد می شود. راه حل این مشکل به نوشتن کد پیچیده نیاز ندارد ، اما شامل در نظر گرفتن برخی از ویژگی های علامت گذاری صفحات وب است.
ضروری است
دانش پایه HTML
دستورالعمل ها
مرحله 1
ابتدا باید معنای عملیات پیش رو را روشن کنید. در کد HTML ، صفحات جدول مجموعه ای از برچسب های جفت شده تو در تو (یک باز و یک بسته) است. برچسب های سلول (
) درون تگهای رشته قرار گرفته اند (
) ، و اینها ، به نوبه خود ، به برچسب های جدول (
) در برچسب باز شده جدول ، می توانید عرض و ارتفاع آن را به صورت واحد مطلق (پیکسل) و نسبی (درصد) تنظیم کنید. با اندازه های نسبی ، عرض و ارتفاع عنصر اصلی جدول 100٪ در نظر گرفته می شود. اگر یک جدول را مستقیماً در بدنه صفحه قرار دهید (و نه در یک لایه ، فرم ، جدول دیگر و غیره) ، در این صورت ابعاد عنصر اصلی آن عرض و ارتفاع صفحه خواهد بود. این بدان معنی است که برای کشش میز تا فضای خالی ، باید 100٪ افقی و عمودی برای آن تعیین کنید.
گام 2
اکنون می توانید این کار را در HTML عملی کنید. عرض و ارتفاع جدول با مشخصه های عرض و ارتفاع مشخص می شود. بنابراین کد جدول که 100٪ ابعاد را در همه جهات نشان می دهد و به عنوان مثال ، با دو سلول در یک ردیف ، ممکن است به این شکل باشد:
| سلول سمت چپ جدول | سلول سمت راست جدول |
مرحله 3
اگر استاندارد HTML صحیحی را انتخاب کنید که مرورگر باید کد صفحه را بخواند ، تعیین عرض و ارتفاع 100٪ برای کشش جدول کافی خواهد بود. برچسب در اولین سطر سند قرار می گیرد. شما به برچسبی با محتوای زیر نیاز دارید:
مرحله 4
و یک نکته دیگر باید در کد شما لحاظ شود: به طور پیش فرض ، صفحه از لبه های پنجره با چند پیکسل تورفتگی می یابد ، بنابراین جدول ، حتی پس از پر کردن کل صفحه ، به کل پنجره کشیده نمی شود. برای از بین بردن این قسمتهای غیرضروری ، می توانید صفت تورفتگی را در ویژگی های مربوطه در برچسب باز کردن بدنه صفحه مشخص کنید ():
مرحله 5
هنگام مونتاژ ، کل کد صفحه با یک جدول کشیده شده به عرض و ارتفاع کامل صفحه به این شکل خواهد بود:
میز کشیده
| سلول سمت چپ جدول | سلول سمت راست جدول |
