قرار دادن یک div در کناره ی یک متن بلند با flexbox
با سلام خدمت عزیزان
ی طرحی رو قرار میدم در اینجا که با کمک float قابل پیاده سازی هستش، اما می خواستم ببینم آیا میشه بدون کمک گرفتن از float و با flexbox هم چنین طرحی رو پیاده کرد؟ یا نه؟
طرح ازین قراره: اینکه ی عنصر نگهدارنده رو در کنار متن بلندی قرار بدیم، به طوری که متن در کنار عنصر div ما ادامه داشته باشه و وقتی هم که ارتفاع متن از ارتفاع عنصر div مون گذر کرد، از تمام عرض صفحه استفاده کنه و حتی زیر عکس هم قرار بگیره. بدین شکل:
در اینجا div ِ ما فقط شامل یک عکس میشه، ولی هر چیز دیگه ای هم می تونست که باشه.
چطور میشه همین طرح رو به کمک flexbox و بدون استفاده از float ساخت؟ آیا امکانش وجود داره؟
پاسخها
3خب اینطور که به نظر میرسه، دوستان هم راهکاری رو سراغ ندارند و چنین عملی به کمک ساختار flexbox قابل پیاده سازی نیستش.
کدهای روش float رو هم قرار میدم:
html, css
<h4>عنوان</h4>
<div style="float: left">
<figure>
<img class="bu-img" src="image/sis.png" alt="">
</figure>
</div>
<p>
....... متن .......
<br>
....... متن .......
</p>
برای حالتی که مد نظر شماست بهتره از همون float استفاده کنید.
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد