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

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

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

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

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

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

میلاد ( 6650 تجربه )
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>
برای ارسال پاسخ باید وارد سایت شوید