نحوه نمایش Scroll در div توسط دستورات css
12:23:00 AM - 1400/11/14
یک div دارم که متن درونش از ارتفاعش که به صورت ثابت مشخص شده بیشتر هست. میخوام اگر متن بیشتر از ارتفاع div شد Scroll نمایش داده بشه. چه کاری باید انجام بدم ؟
<div style='height:200px;'>
متن
</div>
ویرایش شده در دوشنبه ۳۰ بهمن ۱۴۰۲ ساعت ۱۲:۰۴:۲۲
به این سوال امتیاز بدهید
0
تعداد بازدید این سوال : 2541
پاسخ دهنده : saedbfd
08:33:00 AM - ۱۴۰۰/۱۱/۱۴
شما میتونید از دستور overflow برای نمایش اسکرول استفاده کنید.
<div style="height:200px; overflow: auto;">
متن
</div>
در حال حاضر اگر اندازه متن شما از 200 پیکسل بیشتر بشه نوار پیمایش در div ظاهر خواهد شد.
ویرایش شده در پنج شنبه ۱۴ بهمن ۱۴۰۰ ساعت ۰۸:۳۴:۱۵
پاسخ دهنده : peyman8487
09:29:00 PM - 1402/01/09
برای اینکار می‌توانید از خاصیت `overflow` در CSS استفاده کنید. این خاصیت به شما این امکان رو میده که مشخص کنید چه اتفاقی برای محتوای داخلی یک المان اتفاق بیافتد اگر بیشتر از اندازه آن شود.
برای مثال، در اینجا می‌توانید از `overflow: auto` استفاده کنید تا هر زمان متن داخلی از حد ارتفاع div بیشتر شود، یک نوار اسکرول درون div نمایش داده شود.
<div style='height:200px; overflow: auto;'>
متن
</div>
ویرایش شده در پنج شنبه ۱۰ فروردین ۱۴۰۲ ساعت ۱۶:۳۸:۱۰
آموزشهای پرطرفدار
سوالات مشابه
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
5829
- پاسخ :
7
|
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
7737
- پاسخ :
4
|
|
تاریخ :
1403/02/19
- ساعت :
01:52:00 PM
- بازدید :
328
- پاسخ :
1
|
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
765
- پاسخ :
1
|
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
691
- پاسخ :
1
|
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
876
- پاسخ :
1
|
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
1035
- پاسخ :
1
|
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
3419
- پاسخ :
1
|
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2967
- پاسخ :
3
|
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
958
- پاسخ :
1
|
آخرین سوالات ارسالی
|
تاریخ :
1403/07/26
- ساعت :
09:00:00 PM
- بازدید :
16
- پاسخ :
0
|
|
تاریخ :
1403/07/13
- ساعت :
12:06:00 PM
- بازدید :
238
- پاسخ :
1
|
|
تاریخ :
1403/07/09
- ساعت :
07:25:00 PM
- بازدید :
196
- پاسخ :
0
|
|
تاریخ :
1403/05/16
- ساعت :
09:57:00 AM
- بازدید :
332
- پاسخ :
2
|
|
تاریخ :
1403/06/25
- ساعت :
11:39:00 PM
- بازدید :
377
- پاسخ :
1
|
|
تاریخ :
1403/06/24
- ساعت :
08:52:00 PM
- بازدید :
248
- پاسخ :
1
|
|
تاریخ :
1403/06/17
- ساعت :
04:22:00 PM
- بازدید :
357
- پاسخ :
1
|
|
تاریخ :
1403/06/14
- ساعت :
06:44:00 PM
- بازدید :
439
- پاسخ :
0
|
|
تاریخ :
1398/11/07
- ساعت :
02:26:00 PM
- بازدید :
3745
- پاسخ :
5
|
|
تاریخ :
1403/06/05
- ساعت :
05:47:00 PM
- بازدید :
368
- پاسخ :
2
|
پاسخ خود را ثبت نمایید ...
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.
ورود به سایت