ວິທີການສະແດງລາຍການກາງ

ຮຽນວິທີການສະແດງລາຍການສະຖານີກາງດ້ວຍ CSS.

ລາຍການສະຖານີກາງ

  • 咖啡
  • 茶
  • 可乐

ຈະປະກອບ HTML ລາຍການສະຖານີກາງ

ບາງການທີ 1 - ສະແດງ HTML:

ຈະປະກອບ <ul> ສະຖານີສະແດງກວມໃນສະຖານີໃນຕົວເກຣດດັ່ງກ່າວຫຼື <div>：

<div class="container">
  <ul class="myUL">
    <li>咖啡</li>
    <li>茶</li>
    <li>可乐</li>
  </ul>
</div>

ບາງການທີ 2 - ສະແດງ CSS:

ຈະປະກອບ <div> ສະຖານີເອລົມນັບສອງກາງແລະຈະປະກອບ <ul> ການສະແດງ inline-block inline-block。

ຫຼືວ່າເຈົ້າສາມາດປະກອບລາຍການລະບຸປະກອບຢ່າງສະຫຼາກໃຫ້ເຫັນດີຫຼາຍກວ່າ:

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

亲自试一试

相关页面

教程：CSS 对齐