تعیین عدم چیدن یک بخش جدید در کنار بخش فعلی، با مشخصه clear ، در HTML

فرض کنید که ما یک بخش داریم که می تواند یک عکس، یک پاراگراف یا هر چیز دیگر باشد. چنانچه قصد داشته باشیم که هیچ بخش دیگری (یک عکس دیگر یا پاراگراف دیگر یا ...) در کنار این بخش، چیده نشود، باید از مشخصه clear در HTML استفاده کنیم. به عنوان مثال می توانیم این مشخصه را در تگ <br /> به کار ببریم :

همان طور که در کد بالا مشاهده می کنید، مقدار all را برای مشخصه clear تعیین کرده ایم که باعث می شود نه در سمت چپ و نه در سمت راست بخش مورد نظرمان، بخش جدیدی چیده نشود.

برای اینکه تعیین کنیم که تنها در سمت چپ، بخش جدیدی چیده نشود، کدهای زیر را می نویسیم :

و یا برای عدم چیده شدن در سمت راست، خواهیم داشت :

علاوه بر این، مشخصه clear را برای تگ div می توان به کار برد که معمولا برای تعیین ساختار کلی صفحه و خراب نشدن طراحی، می توان آن را به صورت زیر نوشت :

مثلا فرض کنید که تصویر و منوی بالای سایت را طراحی کرده اید و حالا می خواهید که سایر بخش های سایت، در زیر این بخش بالای سایت (تصویر و منوی بالا) قرار بگیرند، برای این منظور می توان از همین کد استفاده کرد تا سایر بخش ها، بخش تصویر و منوی بالای سایت را خراب نکرده و در زیر آن نمایش داده شوند.

نویسنده علیرضا گلمکانی
شماره کلید 519
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)