معکوس کردن ترتیب قرارگیری عنصرهای (Element) بچه (Child) درون یک عنصر (Element) والد (Parent) (عنصر سطح بالاتر)، با مشخصه های display: flex و flex-direction: column-reverse ، در CSS
فرض کنید که یک عنصر (Element) والد (Parent) (عنصر سطح بالاتر) داریم که شامل تعدادی عنصر (Element) بچه (Child) می باشد (عنصرهای بچه درون عنصر والد قرار دارند). مثل عنصر
div زیر که تعدادی عنصر
div درون آن قرار گرفته اند :
چنانچه بخواهیم که ترتیب قرارگیری عنصرهای (Element) بچه (Child) در خروجی صفحه، معکوس شود، می توانیم کد CSS زیر را برای آن عنصر (Element) والد (Parent) بنویسیم :
به مثال زیر توجه کنید :
ابتدا بدون به کار بردن کد CSS، کدهای صفحه را می نویسیم تا در حالت عادی، ترتیب نمایش عنصرهای (Element) بچه (Child) را مشاهده نماییم :
کل کدهای صفحه HTML :
نتیجه :
اکنون کدهای CSS را برای معکوس کردن ترتیب عنصرهای (Element) بچه (Child) به کار می بریم :
کل کدهای صفحه HTML :
نتیجه :
دسته بندی موقعیت عنصرها، در CSS
نویسنده علیرضا گلمکانی
شماره کلید 26717
گزینه ها 
نظرات 0 0 0