ဖြေရှင်းပြီး- ကန့်သတ်ချက် စာသားအရှည်

အရှည်ကန့်သတ်ချက်နှင့် ပတ်သက်သည့် အဓိကပြဿနာမှာ ဖြတ်တောက်ထားသော သို့မဟုတ် မပြည့်စုံသော မက်ဆေ့ချ်များဆီသို့ ဦးတည်သွားစေနိုင်သည်။ စာသားသည် အရေးကြီးသော သို့မဟုတ် အရေးကြီးသော အချက်အလက်ပါ၀င်သည့် ကိစ္စများတွင် အထူးသဖြင့် ပြဿနာဖြစ်နိုင်သည်။ စာသားရှည်လွန်းပါက ၎င်းကို ဖြတ်တောက်မည်ဖြစ်ပြီး အသုံးပြုသူမှ ဖတ်သည့်အခါ အဓိပ္ပာယ်မရှိနိုင်ပါ။ ထို့အပြင်၊ စာသားကို ဖြတ်တောက်ထားလျှင် ၎င်းသည် ၎င်း၏ ရည်ရွယ်ထားသော အဓိပ္ပါယ်ကို မဖော်ပြနိုင်ဘဲ ရှုပ်ထွေးမှုများ သို့မဟုတ် အဓိပ္ပာယ်လွဲမှားခြင်းသို့ ဦးတည်သွားနိုင်သည်။

<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>

1. ဤစာကြောင်းသည် အတိုင်းအတာ၏ အများဆုံးအကျယ်ကို 100px သို့ သတ်မှတ်သည်-
``
5. ဤသည်မှာ စာလုံးရေ 100 သာကန့်သတ်ထားပြီး အထက်တွင်သတ်မှတ်ထားသော span element အတွင်းတွင်ပြသမည့်ဝါကျဖြစ်သည်-
`ဤသည်မှာ စာလုံးရေ 100 သာကန့်သတ်ထားမည့် ရှည်လျားသောဝါကျဖြစ်သည်။

HTML တွင် 'Span' ဟူသည် အဘယ်နည်း

HTML ဒြပ်စင်ကို စာရွက်စာတမ်းတစ်ခုတွင် လိုင်း-ဒြပ်စင်များ အုပ်စုဖွဲ့ရန် အသုံးပြုသည်။ ၎င်းသည် စာရွက်စာတမ်းတစ်ခုအတွင်း ဖွဲ့စည်းပုံကို ထည့်သွင်းရန် နည်းလမ်းတစ်ခု ပံ့ပိုးပေးကာ အစိတ်အပိုင်းများကို အုပ်စုဖွဲ့ကာ စတိုင်များ၊ အပြင်အဆင်နှင့် ရည်ညွှန်းချက်များကို အုပ်စုဖွဲ့ထားသည့် ဒြပ်စင်များတွင် အသုံးပြုခွင့်ပေးသည်။ span element သည် inline element တစ်ခုဖြစ်ပြီး document တွင် စာကြောင်းအသစ် သို့မဟုတ် block-level ဒြပ်စင်ကို မိတ်ဆက်ခြင်းမရှိပါ။

စာသားကို span မှာ ဘယ်လိုကန့်သတ်မလဲ။

CSS ၏ max-width ပိုင်ဆိုင်မှုကို အသုံးပြုခြင်းဖြင့် HTML ရှိ span element တွင် စာသားကို သင်ကန့်သတ်နိုင်သည်။ ဤပိုင်ဆိုင်မှုသည် သင့်အား ဒြပ်စင်တစ်ခုအတွက် အမြင့်ဆုံးအကျယ်ကို သတ်မှတ်ခွင့်ပြုထားပြီး ဤအကျယ်ထက်ကျော်လွန်သည့် မည်သည့်စာသားမဆို ဖြတ်တောက်မည်ဖြစ်သည်။ ဤပိုင်ဆိုင်မှုကို အသုံးပြုရန်၊ ၎င်းကို သင်၏ CSS စတိုင်စာရွက်တွင် ပေါင်းထည့်ကာ အလိုရှိသော အမြင့်ဆုံးအကျယ်သို့ သတ်မှတ်ပါ-

အပိုင်း {
အများဆုံး-အကျယ်- 200px;
}

၎င်းသည် သင့်စာမျက်နှာရှိ အပိုင်းများကို အများဆုံး 200px အကျယ်အထိ ကန့်သတ်ထားမည်ဖြစ်သည်။ ဤအကျယ်ထက်ကျော်လွန်သော မည်သည့်စာသားမဆို ellipsis (…) ဖြင့် ဖြတ်တောက်မည်ဖြစ်သည်။