نحوه نمایش Scroll در div توسط دستورات css

یک div دارم که متن درونش از ارتفاعش که به صورت ثابت مشخص شده بیشتر هست. میخوام اگر متن بیشتر از ارتفاع div شد Scroll نمایش داده بشه. چه کاری باید انجام بدم ؟

<div style='height:200px;'>
   متن
</div>

ویرایش شده در دوشنبه 30 بهمن 1402 ساعت 12:04:22

مشخصات سوال کننده :

کاربر : pedram_khan امتیاز کاربر : 277 رتبه کاربر : 6

دسته بندی : Html Css

نظر ویرایش گزارش نشان

به این سوال امتیاز بدهید 0

تعداد بازدید این سوال : 3031

پاسخ دهنده : saedbfd 08:33 1400/11/14

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

<div style="height:200px; overflow: auto;">
   متن
</div>

در حال حاضر اگر اندازه متن شما از 200 پیکسل بیشتر بشه نوار پیمایش در div ظاهر خواهد شد.

ویرایش شده در پنج شنبه 14 بهمن 1400 ساعت 08:34:15

به این پاسخ امتیاز بدهید 1

امتیاز: 1654 رتبه: 1

نظر ویرایش گزارش

پاسخ دهنده : peyman8487 21:29 1402/01/09

برای اینکار می‌توانید از خاصیت `overflow` در CSS استفاده کنید. این خاصیت به شما این امکان رو میده که مشخص کنید چه اتفاقی برای محتوای داخلی یک المان اتفاق بیافتد اگر بیشتر از اندازه آن شود.

برای مثال، در اینجا می‌توانید از `overflow: auto` استفاده کنید تا هر زمان متن داخلی از حد ارتفاع div بیشتر شود، یک نوار اسکرول درون div نمایش داده شود.

<div style='height:200px; overflow: auto;'>
   متن
</div>

ویرایش شده در پنج شنبه 10 فروردین 1402 ساعت 16:38:10

به این پاسخ امتیاز بدهید 0

امتیاز: 0 رتبه: 7020

نظر ویرایش گزارش

آخرین سوالات ثبت ‌شده

سوالات مرتبط

آموزش های پرطرفدار

آموزش ساخت اتوماسیون اداری تحت وب

آموزش ساخت سیستم فروش و انبارداری وب

آموزش ساخت سیستم حقوق و دستمزد وب با سینکفیوژن

آموزش ساخت سیستم آزمونگیر آنلاین

برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید. ورود