میلاد-م
6 سال پیش توسط میلاد-م مطرح شد
3 پاسخ

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

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

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

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

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 6 سال پیش مطرح شد
-1

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 6 سال پیش آپدیت شد
-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>

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 6 سال پیش مطرح شد
-1

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


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 6 سال پیش مطرح شد
1

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام