• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
در مورد display: flex چیزی شنیدید؟
#1
سلام،

دیروز هم Chris Coyer عزیزم در مورد display: flex در قالب یک مطلب توضیحاتی داد و تاریخچه تغییراتش را خیلی واضح و روشن بیان کرد.

در مورد تاریخچه تغییرات در مطلب کریس بخونید اما اینجا من از خود flex و کاربردی که داره مینویسم.

flexbox نامی هست که برای ماژول طرح بندی جعبه انعطاف پذیر(flexible box layout module) انتخاب کردند. در حال حاضر به صورت زیر استفاده میشه،
کد:
display: flex;

اما بخاطر اینکه هنوز خصیصه هاش کامل نشده هر مرورگر با پیشوند ازش پشتیبانی میکنه. فهرست پشتیبانی هارو اینجا ببینید.
کد:
display: -webkit-flex;
* اما متاسفانه از نگارش جدید تا الآن یعنی آگوست 2012 فقط کروم با نگارش 21 به بالا ازش پشتیبانی میکنه ولی دستورات قدیمی رو بکار ببرید فایرفاکس هم بخوبی بدون پیشوند پشتیبانی خواهد کرد.

تا الآن اگر از مدل باکسی استفاده نکرده باشید حتما با مشکلی که براتون درست میشه مواجه نشدید. Richard Shepherd در مطلبی به یک مشکل اشاره میکنه.
کد:
Percentage + Padding + Border = Trouble

شما فرض کنید میخواهید سه تا باکس درست کنید که کنار هم باشن و فقط یکیشون width ثابت داره. (اصطلاحا به باکس هایی با width ثابت میگن fixed و به باکس های بدون width ثابت میگن fluid) در حالت عادی اینطوری میشه ولی وقتی از باکس مدل استفاده کنید بدون درد و خونریزی چنین حالتی پیش میاد.
غایب
  پاسخ
تشکر شده توسط : Reza admin masoudmanson ali786 Bojbaj hosseintdk775
#2
خیلی خیلی امکان خوبی هست . اما استیبل نیست. این نگارش جدید display : box هست. پیشنهاد میدم فعلا استفاده نشه. من چوبش رو خوردم :دی
  پاسخ
تشکر شده توسط : ali786 hosseintdk775


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان