text-align ဂုဏ်သတ္တိ
text-align ဂုဏ်သတ္တိသည် စာသားအညှိကို သတ်မှတ်ပေးသည် - ဘယ်ဘက်အစွန်းအလိုက်၊ ညာဘက်အစွန်းအလိုက်၊ အလယ်ဗဟိုအလိုက်၊ ဘယ်ဘက်နှင့်ညာဘက်အစွန်းနှစ်ခုစလုံးအလိုက် တပြိုင်နက်။
ဝါကျဖွဲ့စည်းပုံ
cssရွေးချယ်သူ {
text-align: center | left | right | justify | auto | start | end;
}
တန်ဖိုးများ
| တန်ဖိုး | ဖော်ပြချက် |
|---|---|
center |
စာသားကို အလယ်ဗဟိုအလိုက် အညှိခံမည်။ |
left |
စာသားကို ဘယ်ဘက်အစွန်းအလိုက် အညှိခံမည်။ |
right |
စာသားကို ညာဘက်အစွန်းအလိုက် အညှိခံမည်။ |
justify |
စာသားကို ညာဘက်အစွန်းနှင့် ဘယ်ဘက်အစွန်း နှစ်ခုစလုံးအလိုက် တပြိုင်နက် အညှိခံမည်။ |
auto |
အစိတ်အပိုင်း၏ အညှိခြင်းကို မပြောင်းလဲပါ (စံထားရာ တန်ဖိုး)။ |
start |
စာသားသည် ဘယ်မှညာသို့ စီတန်းပါက left နှင့် တူညီပြီး၊ စာသားသည် ညာမှဘယ်သို့ စီတန်းပါက (အာရပ်ဘာသာစကားစသည်ဖြင့်) right နှင့် တူညီသည်။
|
end |
စာသားသည် ဘယ်မှညာသို့ စီတန်းပါက right နှင့် တူညီပြီး၊ စာသားသည် ညာမှဘယ်သို့ စီတန်းပါက left နှင့် တူညီသည်။
|
စံထားရာ တန်ဖိုး- auto။ အများအားဖြင့် စံထားရာအရ စာသားသည် ဘယ်ဘက်အစွန်းအလိုက် အညှိခံသည် (အာရပ်ဘာသာစကားတွင် - ညာဘက်အစွန်းအလိုက်)။ သို့သော် ခြွင်းချက်များရှိသည်၊ ဥပမာ - th အတွင်းရှိ စာသားသည် အလယ်ဗဟိုအလိုက် အညှိခံမည်။
ဥပမာ . left တန်ဖိုး
html<p>
some long text
</p>cssp {
text-align: left;
width: 400px;
}
Результат:
ဥပမာ . right တန်ဖိုး
html<p>
some long text
</p>cssp {
text-align: right;
width: 400px;
}
Результат:
ဥပမာ . center တန်ဖိုး
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-align: center;
}
Результат:
ဥပမာ . justify တန်ဖိုး
html<p>
some long text
</p>cssp {
text-align: justify;
width: 400px;
}
Результат: