درمورد این پراپرتیها سوال داشتم که چطور کار میکنن؟
overflow-anchor و overflow-block و overflow-wrap
سلام. وقت شما هم بخیر
1. overflow-wrap
این پراپرتی تعیین میکنه که متن طولانی که بهطور عادی به خط بعدی نمیره، چطور رفتار کنه. یعنی وقتی یه کلمه خیلی بلنده و نمیشه شکستش، با این پراپرتی میتونید مشخص کنید که متن توی باکس قرار بگیره یا از باکس بزنه بیرون. مثال زیر رو بررسی کنید:
2. overflow-anchor این پراپرتی به ما کمک میکنه وقتی محتوای صفحه در حال تغییر یا اضافه شدن هست، موقعیت اسکرول حفظ بشه و صفحه بهطور ناگهانی بالا یا پایین نره.
تو این مثال، هر 2 ثانیه یک آیتم جدید به لیست اضافه میشه. با استفاده از overflow-anchor: auto;، موقعیت اسکرول حفظ میشود و صفحه نمیپره.
3. overflow-block این پراپرتی تعیین میکنه که محتوای اضافی در جهت بلوکی (عمودی) چطور نمایش داده بشه. مثلاً اگه ارتفاع یک عنصر مشخص باشه و محتوای داخلش بیشتر از اون ارتفاع باشه، میتونیم با این پراپرتی مشخص کنیم که محتوای اضافی نمایش داده بشه یا پنهان بشه...
سحر پاشائی۱۸ خرداد ۱۴۰۳، ۰۷:۵۴
سلام. وقت شما هم بخیر
1. overflow-wrap
این پراپرتی تعیین میکنه که متن طولانی که بهطور عادی به خط بعدی نمیره، چطور رفتار کنه. یعنی وقتی یه کلمه خیلی بلنده و نمیشه شکستش، با این پراپرتی میتونید مشخص کنید که متن توی باکس قرار بگیره یا از باکس بزنه بیرون. مثال زیر رو بررسی کنید:
2. overflow-anchor این پراپرتی به ما کمک میکنه وقتی محتوای صفحه در حال تغییر یا اضافه شدن هست، موقعیت اسکرول حفظ بشه و صفحه بهطور ناگهانی بالا یا پایین نره.
تو این مثال، هر 2 ثانیه یک آیتم جدید به لیست اضافه میشه. با استفاده از overflow-anchor: auto;، موقعیت اسکرول حفظ میشود و صفحه نمیپره.
3. overflow-block این پراپرتی تعیین میکنه که محتوای اضافی در جهت بلوکی (عمودی) چطور نمایش داده بشه. مثلاً اگه ارتفاع یک عنصر مشخص باشه و محتوای داخلش بیشتر از اون ارتفاع باشه، میتونیم با این پراپرتی مشخص کنیم که محتوای اضافی نمایش داده بشه یا پنهان بشه...