قرار دادن یک div در کناره ی یک متن بلند با flexbox

- 1 هفته پیش
توسط علی بیات آپدیت شد
میلاد ( 37480 تجربه )
1 ماه پیش

با سلام خدمت عزیزان

ی طرحی رو قرار میدم در اینجا که با کمک float قابل پیاده سازی هستش، اما می خواستم ببینم آیا میشه بدون کمک گرفتن از float و با flexbox هم چنین طرحی رو پیاده کرد؟ یا نه؟

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

چطور میشه همین طرح رو به کمک flexbox و بدون استفاده از float ساخت؟ آیا امکانش وجود داره؟

بهترین پاسخ انتخاب شده توسط میلاد
میلاد
3 هفته پیش

خب اینطور که به نظر میرسه، دوستان هم راهکاری رو سراغ ندارند و چنین عملی به کمک ساختار flexbox قابل پیاده سازی نیستش.

میلاد ( 37480 تجربه )
1 ماه پیش

کدهای روش float رو هم قرار میدم:

html, css

<h4>عنوان</h4>
<div style="float: left">
             <figure>
                        <img class="bu-img" src="image/sis.png" alt="">
             </figure>
 </div>

<p>
....... متن .......
<br>
....... متن .......
</p>
میلاد ( 37480 تجربه )
3 هفته پیش

خب اینطور که به نظر میرسه، دوستان هم راهکاری رو سراغ ندارند و چنین عملی به کمک ساختار flexbox قابل پیاده سازی نیستش.

علی بیات ( 75297 تجربه )
3 هفته پیش

برای حالتی که مد نظر شماست بهتره از همون float استفاده کنید.

برای ارسال پاسخ باید وارد سایت شوید