HTML و CSS

آموزش برنامه نویسیfloat – CSS در CSS

درود

CSS شناور چیست؟

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

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

خاموش کردن “شناور” – استفاده از “پاک سازی”
عناصر پس از عنصر شناور در اطراف آن شناور می شوند. برای جلوگیری از این کار، از خاصیت clear استفاده کنید.
خاصیت clear مشخص می کند که کدام طرف یک عنصر برای عناصر شناور دیگر مجاز نیست.
با استفاده از خاصیت clear ، یک خط متن را به گالری تصویر اضافه کنید:

نمونه های بیشتر

اجازه دهید حرف اول یک پاراگراف به سمت چپ شناور شود
اجازه دهید حرف اول یک پاراگراف به سمت چپ شناور شود و به حرف استایل دهید.

و بار دیگر خیلی ممنون که به وبسایت پنگوئن اومدید و وقت گران بهاتون در اختیار ما گذاشته اید.
تا درودی دیگر بدرود.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *