အစိတ်အစိတ် ပြင်ဆင်ခြင်း

CSS ကို အစိတ်အစိတ် အရှိန်တိုးစွာ ပြင်ဆင်ခြင်း ကို လေ့လာရန်

အရှိန်တိုးစွာ ပြင်ဆင်သော စာရင်း

  • ကာသီ
  • ဆီ
  • ကြီးလုပ်သီး

အစိတ်အစိတ် အရှိန်တိုးစွာ ပြင်ဆင်ရန်

ပထမပိုင်း - အင်ဂျင်နီယာ HTML ထပ်ပေါင်းရန်:

ပြင်ဆင်မှု <ul> အစိတ်အစိတ် အစိတ်အစိတ် ပိုင်းစိတ် အတွင်းပိုင်း အတွင်း အုပ်ချုပ်မှု ရှိသည် အနက် မည်သည် ဖြစ်ကြောင်း အမှတ်ပြုရန် <div>:

<div class="container">
  <ul class="myUL">
    <li>ကာသီ</li>
    <li>ဆီ</li>
    <li>ကြီးလုပ်သီး</li>
  </ul>
</div>

ဒုတိယပိုင်း - အင်ဂျင်နီယာ CSS ထပ်ပေါင်းရန်:

ပြင်ဆင်မှု <div> အစိတ်အစိတ် အတွင်းပိုင်း ကို အရှိန်တိုးစွာ ပြင်ဆင် ပြီး နှင့် <ul> အစိတ်အစိတ် ပြောင်းလဲမှု inline-block

သို့မဟုတ် သင် ကွန်ပျူတာ စာရင်းတွဲ အာရုံကြောက် ကို ချဲ့ကာ လှည့်များ ရန် အင်ဂျင်နီယာ ကို အာရုံကြောက် အတွက် အသုံးပြုနိုင်သည်:

div.container {
  text-align: center;
{}
ul.myUL {
  display: inline-block;
  text-align: left;
{}

亲自试一试

相关页面

教程:CSS 对齐