Align an Image Vertically

ပံုႏွင့္စာ တြဲျပီးေတာ့ ျပခ်ိန္မွာ စာ ကို ပံု နဲ႕ align ခ်ိန္မယ္ဆုိရင္ေတာ့ vertical-align ကို အသံုးျပဳႏုိင္ပါတယ္။ middle ၊ top ၊ bottom ဆုိျပီး ရိွပါတယ္။

css မွာ ေအာက္က code ေလး ထပ္ျဖည့္လိုက္ပါ။

.middle {
    vertical-align: middle;
}

html မွာေတာ့ luffy image ကို ပံုမွန္ ရိုးရိုးပဲထားပါမယ္။ middle class ကို အသံုးျပဳပါမယ္။

 <img src="images/luffy.png" class="middle" alt="Luffy" title="Luffy">luffy

စာက ပံုရဲ႕ အလယ္ကို ေရာက္ေနတာ ေတြ႕ပါလိမ့္မယ္။ တကယ္လုိ႕ ထိပ္ပိုင္းမွာ ရိွခ်င္ရင္ top ကို အသံုးျပဳျပီးေတာ့ ေအာက္ပိုင္းေရာက္ေစခ်င္ bottom ကို အသံုးျပဳရပါတယ္။

Figure 5-10

Figure 5-10

results matching ""

    No results matching ""