پرسش و پاسخ – فلکس باکس در CSS3
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با پرسش و پاسخ – فلکس باکس در CSS3 با من همراه باشید.
Free-Learn
پرسش از شما، پاسخ از بنده تا جایی که بتونم و در توانم باشه، لطفا پرسش تان را فقط در رابطه با بخش مشخص شده ارسال نمایید تا نظم و ترتیب در بخش پرسش و پاسخ بخوبی رعایت شود.
برای مشاهده بخش – آموزش کامل فلکس باکس یا Flexbox در CSS3 لطفا اینجا کلیک نمایید. .
لطفا پرسشی که ارسال مینمایید فقط مربوط به بخش [ آموزش کامل فلکس باکس یا Flexbox در CSS3 ] باشد، در غیراینصورت پرسش شما تایید نخواهد شد.
ببخشید فلکس باکس چیه
باسلام و عرض ادب
فلکس باکس یه سیستم یا یه حالتی هست برای طرح بندی یک قالب ، مثلا برای ایجاد هدر ،بدنه اصلی و فوتر یا درکل هرحالتی که بهش بگیم طرح بندی یا Layout بندی.
آموزش فلکس باکس
سلام من هرکاری کردم نتونستم با فلکس باکس یا چیزای دیگه باکس نوشته ها رو بیارم وسط
یعنی کل باکس نوشته ها که کلاسش block-posts هست بیاد وسط به صورت منظم
باسلام و عرض ادب
به همون کلاس block-posts ویژگی display با مقدار flex بدید.
نشد بهش دادم اما هنوز پست ها اون گوشه هستن
اون کلاس رو با دستورات CSS که فرستادم رو اعمال کنید مشکل حل میشه
اصلا چرا وقتی مارجین میدم به post-item میان زیر هم؟
باید حواست به کلاس های col-lg باشه
وقتی ۶تا باکس میخوای بزاری تو یه سطر خب باید ۶ تا ۲ تایی باشه یعنی col-lg-2
فایل به ایمیلت ارسال شد، با ایمیل در ارتباط باشید لطفا
سلام فلکس باکس از float بهتره؟
باسلام و عرض ادب
طبیعتا فلکس باکس
چون هم قدرت بیشتری داره و هم خیلی انعطاف پذیره
امروزه دیگه همه ی طراحی های مدرن بر اساس فلکس باکس انجام میشه
باتشکر
سلام استاد خسته نباشید و وقتتون بخیر باشه ببخشید من یه سوال داشتم برای مثال تصور کنید … من چند تا باکس دارم که خب ارتفاع باکس ها یکی نیستند خب و به صورت هوریزنتال کنار هم هستن … میخواستم بدونم چطور میتونم وابستگی ستون ها نسبت به هم رو از بین ببرم مثلا این رو ببینید : https://codepen.io/farhan-13802002/pen/BawYPxg
میخوام که بخش های پایینی بچسبند به زیر هر ایتم …
باسلام و عرض ادب
امیدوارم که حالتون خوب باشه
اینی که شما میگی ، تو حوزه وب به اسم Masonry شناخته میشه ( یعنی چینش نامرتب )
مثال شماره ۱ ( با فلکس باکس )
مثال شماره ۲ ( با گرید )
سلام دوباره مرسی استاد واقعا ممنونم نمیدونید چند بار توی این سایت های دیگه و اینا مطرح کردم و جوابی نگرفتم خیلی خیلی خیلی ممنون 😍
مرسی که اصطلاحاتشم میگید ممنونممممممممم 😍💗
بلاخره باید یه تفاوتی بین فری لرن و دیگر سایت ها باشه 😄😄
خوشحالم که مفید بوده برات 🌹🌹
با سلام
تفاوت تگ های فرد با زوج در چیست
باسلام و عرض ادب
تگ زوج و فرد نداریم
ولی انتخابگر فرزندان عددی ( به نسبت زوج و فرد ) داریم
مثال
باتشکر
سلام چه موقعاهی از flexbox استفاده کنیم؟
با سلام و عرض ادب
استفاده از فلکس باکس مثه بقیه تگ ها بطور کلی اختیاری هستن ولی بازم برای استفاده ازشون هیچ محدودیتی وجود نداره
یعنی شما میتونی در یک صفحه ۱۰ها بار از فلکس باکس استفاده کنی
مثلا در هدر صفحه میتونه چندین بار استفاده شه و در مجموع هیچ محدودیتی وجود نداره