CSS ကိုသုံးပြီး scrolling မစာသားကိုနှင့်အတူတစ်သေတ္တာကိုဖန်တီးနဲ့ HTML
တစ်ခု က HTML စာစောင်ကို box ဟာ box ရဲ့ contents တွေကို box ကိုရှုထောင့်ထက်ပိုကြီးတဲ့အခါညာဖက်အခြမ်းနှင့်အောက်ခြေမှစာစောင်ကိုဘားကထပ်ပြောသည်တစ်သေတ္တာဖြစ်ပါတယ်။ သင်တို့ပတ်လည် 50 စကားလုံးများကို fit နိုငျသောသေတ္တာရှိသည်, သငျသညျ 200 စကားလုံးများကို၏စာသားကိုရှိပါကတစ်နည်း, တစ်ဦးက HTML စာလိပ်သေတ္တာကိုသင်နောက်ထပ် 150 စကားလုံးများကိုကြည့်ရှုကြကုန်အံ့မှစာစောင်ကိုအရက်ဆိုင်ဖွင့်ထားမည်။ ရိုးရှင်းစွာ box ရဲ့ပြင်ပမှာအပိုစာသားမတွန်းမယ်လို့စံ HTML မှာ။
HTML ကိုစာလိပ်ပြုလုပ်ခြင်းမျှမျှတတလွယ်ကူသည်။ သင်ရုံသင်က scroll ထို့နောက်အသုံးပြုလိုသောဒြပ်စင်များ၏ width နဲ့ height ကိုတင်ထားရန်လိုအပ်ပါတယ် CSS ကို သင် scrolling မဖြစ်ပေါ်ချင်ပုံကိုတင်ထားရန်လျတ်ပိုင်ဆိုင်မှု။
အဘယျသို့အပိုစာသားတွေနဲ့လုပ်ပါသလော
သင်သည်သင်၏အပြင်အဆင်အပေါ်အာကာသအတွင်း fit ပါလိမ့်မယ်ထက်ပိုသောစာသားများတဲ့အခါ, သငျသညျအနညျးငယျရှေးခယျြစရာရှိသည်:
- ဒါကြောင့်တိုတောင်းသည်နှင့်ကိုက်ညီပါလိမ့်မယ်ဒါကြောင့်စာသားပြန်ရေး။
- စာသားနေရာအပိုင်းအခြားတို့ကိုကျော်လွန်စီးဆင်း Allow နှင့်အဆင်အပြင်ကကူညီပံ့ပိုးရန်ကွေးနိုင်ပါတယ်မျှော်လင့်ပါတယ်။
- ဒါကြောင့်ခြင်းသည်အလွန်များပြားရှိရာစာသားကိုဖြတ်လေ၏။
- အာကာသကျမ်းလိပ်များကိုအပိုစာသားအားပြသနိုင်ဖို့နိုင်အောင် (စာသားများသောအားဖြင့်ဒေါင်လိုက်) စာစောင်ကိုအရက်ဆိုင်ထည့်ပါ။
အကောင်းဆုံး option ကိုပုံမှန်အားဖြင့်ပြီးခဲ့သည့် option တစ်ခုဖြစ်သည်: တစ် scrolling စာသားအကွက်ကိုဖန်တီးပါ။ ထိုအခါအပိုစာသားမပါသေးကိုဖတ်ရနိုင်ပေမယ့်သင့်ရဲ့ဒီဇိုင်းကိုခိုးယူခြင်းမရှိပါ။
ဒီက HTML နဲ့ CSS ပါလိမ့်မယ်:
အဆိုပါလျတ်: အော်တို; သူတို့က div ၏နယ်နိမိတ်လျှံကနေစာသားကိုစောင့်ရှောက်ရန်လိုအပ်ပါကစာလိပ်အရက်ဆိုင် add ဖို့ browser ကိုပြောပြသည်။ လျှံမှနယ်နိမိတ်ရှိပါတယ်ဒါကြောင့်ဒါပေမဲ့ဒီအလုပ်လုပ်ဘို့အလို့ငှာ, သင်တို့သည်လည်း, ထို div အပေါ် set ရဲ့ width နဲ့ height စတိုင်ဂုဏ်သတ္တိများလိုအပ်ပါတယ်။
သင်တို့သည်လည်းလျတ်ပြောင်းလဲနေတဲ့အားဖြင့်စာသားတို့ကိုပယ်ဖြတ်နိုင်သည်အော်တို; လျတ်မှ: ဝှက်ထား ;. သင်လျတ်ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုကိုထုတ်စွန့်ခွာလျှင်, စာသား div ၏နယ်နိမိတ်ကိုကျော်ဖိတ်ပါလိမ့်မယ်။
သငျသညျရုံစာသားထက်ပိုမှလှိမ့်ဘား Add နိုင်သလား
သင်တစ်ဦးသေးငယ်အာကာသအတွင်းပြသရန်ချင်ပါတယ်တဲ့ကြီးမားတဲ့ပုံရိပ်ကိုရှိပါကသင်ကစာသားတွေနဲ့အလိုတခုတည်းအတူတူပင်လမ်းထဲမှာန်းကျင်စာစောင်ကိုအရက်ဆိုင်ထည့်နိုင်သည်။
ဒီဥပမာထဲမှာ, 400x509 ပုံရိပ်တစ် 300x300 အပိုဒ်အထဲမှာဖြစ်ပါတယ်။
ဇယား Scroll ဘားကနေအကျိုးပြုနိုင်သလား
သတင်းအချက်အလက် Long ကစားပွဲအလွန်လျှင်မြန်စွာဖတ်ရှုဖို့အလွန်ခက်ခဲရနိုင်ပေမယ့်ကန့်သတ်အရွယ်အစားတစ် div အတွင်း၌သူတို့ကိုချပြီးထို့နောက်လျတ်ပိုင်ဆိုင်မှုထည့်သွင်းခြင်းဖြင့်, သင်သည်သင်၏စာမျက်နှာပေါ်တွင်အစွန်းရောက်အာကာသကိုတက်ယူမအချက်အလက်များ၏စာရေးနှင့်အတူစားပွဲ generate နိုင်ပါတယ် ။
အလွယ်ကူဆုံးနည်းလမ်းရုံ, စားပွဲပတ်လည် div add ကြောင်း div ရဲ့ width နဲ့ height တည် ထား. , လျတ်ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုကိုထည့်သွင်းရုံပုံရိပ်တွေနှင့်စာသားနှင့်အတူကဲ့သို့ဖြစ်၏:
ဂျနီဖာ td> | 502-5366 td> TR> .... tbody> table> div> သငျသညျဤသို့ပြုလာသောအခါဖြစ်ပျက်ကြောင်းအရာတစ်ခုမှာ browser ကိုစာလိပ်ဘား၏ chrome စားပွဲပေါ်မှာထပ်ကြောင်းယူဆကြောင့်အလျားလိုက်စာစောင်ကို bar ကိုများသောအားဖြင့်ပေါ်လာသောဖြစ်ပါတယ်။ စားပွဲနှင့်အခြားသူများရဲ့ width ပြောင်းလဲနေတဲ့ကနေဒီကို fix ဖို့နည်းလမ်းများစွာရှိပါတယ်။ ဒါပေမယ့်ငါ့အကြိုက်ဆုံးရိုးရှင်းစွာ CSS ကို 3 ပိုင်ဆိုင်မှုလျတ်-x နှင့်အတူအလျားလိုက် scrolling မကို turn off ဖို့ဖြစ်ပါတယ်။ ရုံလျတ်-x ကို add: ဝှက်ထား; အဆိုပါ div ငှါ၎င်း, သောအလျားလိုက်စာစောင်ကို bar ကိုဖယ်ရှားပစ်ပါလိမ့်မယ်။ ပျောက်အကြောင်းအရာရှိပါလိမ့်မယ်အဖြစ်, ဒီစမ်းသပ်ဖို့သေချာပါစေ။ Firefox ကိုစီးဝင်လာတဲ့များအတွက် TBODY Tags: အသုံးပြုခြင်းထောက်ပံ့Firefox ရဲ့ browser ၏တစ်ခုမှာတကယ်ကောင်းတဲ့ feature ကိုသငျသညျ tbody နှင့် thead သို့မဟုတ် tfoot တူသောအတွင်းစိတ်စားပွဲပေါ်မှာ tags များပေါ်တွင်လျတ် property ကိုသုံးနိုငျသောကွောငျ့ဖွစျသညျ။ ဒါဟာသင်စားပွဲရဲ့ contents အပေါ်စာစောင်ကိုအရက်ဆိုင်သတ်မှတ်နိုင်သည်ဟုဆိုလိုသည်ကို၎င်း, header ကိုဆဲလ်သူတို့ကိုအထက်ကျောက်ချရပ်နားနေဖို့။ ဤသည်သာလျှင်အတွက်အလုပ်လုပ်တယ် Firefox ကို လည်းမကောင်းတဲ့အရာ, ဒါပေမယ့်သင့်ရဲ့စာဖတ်သူတွေသာ firefox ကိုအသုံးပြုမယ်ဆိုရင်ကကောင်းတဲ့ feature တစ်ခုဖြစ်ပါတယ်။ ငါအဘယ်သို့ဆိုလိုသည်ကိုကြည့်ဖို့ Firefox မှာဒီဥပမာဖို့ Browse ။
|