စာသား၏ညာဘက်တစ်ခု Image ကို Float လုပ်မလဲလုပ်နည်း

ဒါကငါးမိနစ်သင်ခန်းစာဘယ်လိုကရှင်းပြသည်

သငျသညျစာသားကို၏ညာဘက်မှပုံတစ်ပုံကို float ဖို့ဘယ်လိုလေ့လာသင်ယူစိတ်ဝင်စားပါသလား? ဒီတော့လျှင်, သင်တစ်ယောက်တည်းမဟုတ်ပါဘူး။ ပရိုဂရမ်မာတစ်ဦးက Web page တခုတခုအပေါ်မှာပုံရိပ်စာသားစီးဆင်းသို့မဟုတ်ပါကရစ်ပတ်နှင့်အတူစာသားအတွင်းပိုင်းပေါ်လာချင်ဘယ်မှာအများအပြားအခြေအနေများရှိနေပါသည်။ ကျေးဇူးတင်စရာ, ရုပ်ပုံများကြိုးကိုင်စာသားကိုကြိုးကိုင်ဆင်တူဖြစ်တယ်, ဒါသငျသညျအဆုံးစွန်နှင့်အတူအတွေ့အကြုံရှိသည်မှန်လျှင်, ဤလုပ်ငန်းစဉ်မှာအားလုံးကြိုးစားပမ်းစားမဖြစ်သင့်ပါတယ်။

တကယ်တော့ခုနှစ်, CSS ကို float property ကိုအတူကစာသား၏ညာဘက်ရန်သင့်ပုံရိပ်ကို float နှင့်ရှိသည်ဖို့လွယ်ကူပါတယ် စာသားစီးဆင်းမှု ပတ်လည် လက်ဝဲဘက်မှာ ။ ဘယ်လိုလေ့လာသင်ယူရန်ဤငါးမိနစ်သင်ခန်းစာကိုသုံးပါ။

စတင်ခဲ့သည်

, ကိုစတင်စာသားတစ်အပိုဒ်ရေးနှင့်အပိုဒ်ရဲ့အစမှာပုံရိပ်တစ်ခုပေါင်းထည့်ရန်။ ဤသည်) စာသားမတိုင်မီပေမယ့်

tag ကိုအပြီးလုပ်ဆောင်သင့်ပါတယ်:

Duis aute irure ဒေါ်လိုရေစ် sed eiusmod voluptate အတွက် reprehenderit အတွက် incididunt ယာယီပါဘူး။ Cupidatat မဟုတ်တဲ့ proident, အလုပ်သမား et ဒေါ်လိုရေစ် Magna aliqua UT ။ excepteur ဆင့် occaecat culpa quis nostrud exercitation အတွက် Sunt ။ Mollit Animation အိုင်ဒီ est laborum ။

ထို့နောက်ပုံရိပ်တစ်ခုစတိုင် attribute ကိုထည့်ကတော့ float property လျှောက်ထား:

style = "float: ညာဘက်;" />

သင်၏စာသားညာဘက် image ကိုဆန့်ကျင်အထိလိုက်လံတိုက်ခိုက်ဖျက်ဆီး, ဒါကြောင့်ပိုမိုလွယ်ကူဖတ်ရှုဖို့ဖြစ်စေခြင်းငှါပုံရိပ်တချို့မာဂျင် add လိမ့်မည်:

margin: 0 5px 0 0;" />

အဆိုပါအနားသတ်အတိုကောက် property ကိုလက်ျာဘက်, အောက်ခြေနှင့်ကျန်ရစ် (အမိန့်ထိပ်၌မာဂျင်သက်ဆိုင် TRBL ) ။

Up ကိုအရှေ့ဥရောပ, တောင်အာဖရိက

ထိုကြောင့်ပါဘူး။ ယခုတွင်သင်သည်ညာဘက်ပုံတစ်ပုံရေပေါ်မှာအားလုံးမခက်ခဲကြောင်းကိုကြည့်ပါ။ သင်တို့သည်လည်းလက်ဝဲမှပုံရိပ်တစ်ခု floating နှင့်ဗဟိုက floating စိတ်ဝင်စားဖြစ်နိုင်သည်။ ပထမဦးဆုံးအပြောင်းအရွေ့ဖြစ်နိုင်ပေမယ့်ကြောင်းပုံမှန်အားဖြင့်တစ်ဦးနှစ်ဦး-ကော်လံ layout ကိုလိုအပ်ပေလိမ့်မည်အဖြစ်, ကံမကောင်းသငျသညျ, ဗဟိုမှပုံတစ်ပုံကို float မပေးနိုငျသညျ။