အကြားခြားနားချက် "display: none" နှင့် "မြင်ကွင်း: ကိုဝှကျထား" CSS ကိုအတွက်

သငျသညျကို web စာမျက်နှာများတွင်၏ဖွံ့ဖြိုးတိုးတက်မှုအပေါ်အလုပ်လုပ်အဖြစ်သင်တဦးတည်းအကြောင်းပြချက်သို့မဟုတ်အခြားအဘို့ပစ္စည်းများသတ်သတ်မှတ်မှတ်ဒေသများ "ဖုံးကွယ်" ရန်လိုအပျကွောငျး, ကြိမ်ရှိကောင်းရှိနိုင်ပါသည်။ သင်, သင်တန်း၏, ရိုးရှင်းစွာအနေဖြင့်မေးခွန်းများကိုအတွက်ကို item (s) ကိုဖယ်ရှားပစ်နိုင် က HTML markup ပေမယ်သင်သည်အဘယ်သို့သူတို့ကိုကုဒ်ထဲမှာဆက်လက်ရှိနေရန်လိုလျှင်, ဒါပေမယ့်ဘာပဲအကြောင်းပြချက် (များအတွက်ဘရောက်ဇာကို screen ပေါ်မှာပြသခြင်းနှင့်ကျွန်ုပ်တို့ဖို့အကြောင်းပြချက်ပြန်လည်သုံးသပ်ပါလိမ့်မယ်မဟုတ် ) မကြာမီဒီလုပ်ပါ။ သင့်ရဲ့ HTML မှာ Element တစ်ခုရဲ့စောင့်ရှောက်ပေမယ့် display ကိုအဘို့ဝှက်ထားစေရန်, သငျသညျ CSS ကိုမှဖွင့်မယ်။

အဆိုပါ HTML မှာဖြစ်တယ်ဆိုတာက Element ဖျောက်ရန်နှစ်ခုအသုံးအများဆုံးနည်းလမ်းများ "display ကို" သို့မဟုတ် "မြင်ကွင်း" များအတွက် CSS ကိုဂုဏ်သတ္တိများကို အသုံးပြု. မည်ဖြစ်သည်။ ပထမတစ်ချက်မှာဤနှစ်ခုဂုဏ်သတ္တိများအကြီးအကျယ်အတူတူပါပဲလုပ်ဖို့ထင်ရစေခြင်းငှါ, ဒါပေမဲ့သူတို့တစ်ဦးချင်းစီကိုသင်သတိပြုမိလိမ့်သင့်ကြောင်းကွဲပြားခြားနားချက်များရှိသည်။ ရဲ့ Display ကိုအကြားခြားနားချက်များမှာကွညျ့ကွစို့: အဘယ်သူအားမျှနှင့်မြင်ကွင်း: ဝှက်ထား။

မြင်နိုင်စွမ်း

မြင်ကွင်းများ၏ CSS ကိုပိုင်ဆိုင်မှု / တန်ဖိုးကို pair တစုံကိုသုံးပြီး: ဝှက်ထားလျက်ရှိသောဘရောက်ဇာမှ Element တစ်ခုရဲ့ဖွက်ထားပေးသည်။ သို့သော်ကြောင်းဝှက်ထားသောဒြပ်စင်နေဆဲ layout ကိုအတွက်အာကာသကိုတက်ကြာပါသည်။ သငျသညျအခြေခံအားဖြင့်ဒြပ်စင်မမြင်ရတဲ့ရာ၌ခန့်ထားပြီနဲ့တူရဲ့, ဒါပေမယ့်နေဆဲရာအရပျ၌တည်ကြောင့်တယောက်တည်းကျန်ရစ်သောခဲ့ up ပြုလုပ်ယူကြပြီမယ်လို့အာကာသကိုတက်ကြာပါသည်။

သင်သည်သင်၏စာမျက်နှာပေါ်တွင်တစ်ဦး div နေရာက 100x100 pixels ကိုတက်ယူ dimensions ပေးရ CSS ကိုသုံးလျှင်, ထိုမြင်ကွင်း: ကိုဝှကျထား property ကတော့ div မျက်နှာပြင်ပေါ်မှာမပြစေတော်မူမည်, ဒါပေမယ့်စာသားကအရှိနေတုန်းပဲင်တူသောကြောင့်လေးစား, ပြုမူလိမ့်မယ်အောက်ပါ 100x100 အကွာ။

ရိုးရိုးသားသား, ထိုမြင်ကွင်းပိုင်ဆိုင်မှုကျနော်တို့၎င်း၏ကိုယ်ပိုင်အပေါ်အလွန်မကြာခဏအသုံးပြုကြသည်နှင့်ဆက်ဆက်မဟုတ်တစ်စုံတစ်ခုတော့မဟုတ်ပါဘူး။ ငါတို့သည်လည်းကျွန်တော်တစ်ဦးအချို့သောဒြပ်စင်အဘို့အလို layout ကိုအောင်မြင်ရန် positioning ကိုကဲ့သို့အခြား CSS ကိုဂုဏ်သတ္တိများကို အသုံးပြု. နေတယ်ဆိုရင်ကျနော်တို့ထို့နောက်ပိုင်းတွင်ကြောင်းကို item ဖျောက်ရန်မြင်သာသုံးလို့ရတယ်, သာမောက်စ်တင်ပေါ်ပြန်ပေါ်မှာ "ကိုဖွင့်" ကို။ ဒီပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုတွေထဲကဖြစ်နိုင်သမျှအသုံးပြုမှုဖြစ်ပါတယ်, ဒါပေမယ့်နောက်တဖန်ကမဆိုကြိမ်နှုန်းတွေနဲ့မှဖွင့်အရာမဟုတ်ပါဘူး။

ပြသ

ပုံမှန်စာရွက်စာတမ်းစီးဆင်းမှုအတွက် Element တစ်ခုရဲ့အရွက်ရသောမြင်ကွင်းအိမ်ခြံမြေ, မတူဘဲ, display: none စာရွက်စာတမ်းကနေလုံးဝဒြပ်စင်ဖယ်ရှားပေးပါသည်။ ဒါဟာများအတွက် HTML ကို source code ကိုဆဲဖြစ်ပါတယ်သော်လည်းမည်သည့်အာကာသကိုတက်ယူမထားဘူး။ ကအမှန်ပင်, စာရွက်စာတမ်းစီးဆင်းမှုကနေဖယ်ရှားတာဖြစ်ပါတယ်ထားလို့ဖြစ်ပါတယ်။ အားလုံးရည်ရွယ်သည်, ပစ္စည်းပျောက်သည်။ ဒါဟာသင့်ရဲ့ရည်ရွယ်ချက်တွေဘာတွေရှိတယ်ဆိုတာအပေါ်မူတည်ပြီးအကောင်းတစ်ဦးအရာတစ်ခုသို့မဟုတ်မကောင်းတဲ့အရာရှိနိုင်ပါသည်။ သင်ဤပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုအလွဲသုံးစားလျှင်ဒါ့အပြင်သင့်ရဲ့ page ကိုမထိခိုက်စေနိုင်ပါသည်!

စာမျက်နှာတစ်ခုစမ်းသပ်သည့်အခါ: ကျနော်တို့မကြာခဏ "အဘယ်သူအားမျှ display ကို" သုံးပါ။ ကျနော်တို့ဧရိယာလိုအပ်ခဲ့လျှင်နည်းနည်းအတွက် "သွား" ကိုကျွန်ုပ်တို့စာမျက်နှာ၏အခြားဒေသများစမ်းသပ်နိုင်အောင်နေချိန်မှာကျနော်တို့ Display ကိုအသုံးပွုနိုငျသောအဘို့အဘယ်သူအားမျှ။ မှတ်မိဖို့ရာ, သို့သော်ဒြပ်စင်ကြိုတင်ကြောင်း site ၏အမှန်တကယ်ပစ်လွှတ်ရန်စာမျက်နှာကိုပြန်ပြန်ရောက်သင့်ကြောင်းဖြစ်ပါသည်။ ဒီနည်းလမ်းကိုအတွက်စာရွက်စာတမ်းစီးဆင်းမှုကနေဖယ်ရှားကြောင်းတစ်ခုကို item ရှာဖွေရေးအင်ဂျင်သို့မဟုတ်မျက်နှာပြင်စာဖတ်သူများမြင်သည်မဟုတ်ဘာဖြစ်လို့လဲဆိုတော့ဒါကက HTML ကို markup ၌တည်နေစေခြင်းငှါသော်လည်းဖြစ်ပါသည်။ ပြသကြသည်မဟုတ်ကြောင်းပစ္စည်းများကို Google ကြောင်းချဉ်းကပ်နည်းကိုအသုံးပြုလျက်ရှိသည်အဘယ်ကြောင့်သို့ကြည့်ရှုရန်အဘို့အအနီရောင်အလံဖြစ်နိုင်ပါတယ်ဒါကြောင့်အတိတ်ကာလများတွင်ဤနည်းလမ်းကိုရှာဖွေအင်ဂျင်အဆင့်ကိုသြဇာလွှမ်းမိုးဖို့ကြိုးစားနေတဲ့အနက်ရောင်-ဦးထုပ်နည်းလမ်းအဖြစ်အသုံးပြုခဲ့သည်။

ကျနော်တို့ Display ကိုရှာတွေ့လုပျတလမ်းတည်းဖြင့်: ငါတို့သည်တည်ဆောက်ခြင်းကြသောအခါအဘယ်သူအားမျှအသုံးဝင်သောဖြစ်, အဘယ်မှာကျနော်တို့တိုက်ရိုက်လွှ, ထုတ်လုပ်မှုကွန်ရက်စာမျက်နှာတွေပေါ်မှာအသုံးပြုနိုင်မပင်ဖြစ်သည် တစ်တုံ့ပြန်မှု site ကို တခြားသူတွေကိုတဦးတည်း display ကိုအရွယ်အစားများအတွက်ရရှိနိုင်ပေမယ့်မဟုတ်ဒြပ်စင်ရှိစေခြင်းငှါ။ သငျသညျ display ကိုအသုံးပွုနိုငျ: သောသူတစုံတယောက်မျှဒြပ်စင်ဖုံးကွယ်ပြီးတော့ပြန်ပေါ်ဖွင့်ဖို့ မီဒီယာမေးမြန်းချက်နှင့်အတူ နောက်ပိုင်းတွင်။ သငျသညျ nefarious အကြောင်းပြချက်များအတွက်ဘာမှဖုံးကွယ်ဖို့ကြိုးစားနေကြသည်မဟုတ်အဘယ်ကြောင့်ဆိုသော်အဘယ်သူအားမျှ, ဒါပေမယ့်ဒါလုပ်ဖို့တရားဝင်လိုအပ်ချက်ရှိသည်: ဒါက display ကိုတစ်ဦးလက်ခံနိုင်ဖွယ်အသုံးပြုမှုဖြစ်ပါတယ်။

ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 3/3/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်