Jak wyrównać listę

Naucz się, jak używać CSS do wyrównania listy w środku.

lista w środku

  • Kawa
  • Tee
  • Cola

wyrównanie HTML listy w środku

Krok 1 - Dodaj HTML:

ustaw <ul> elementy wstawione wewnątrz elementu kontenera, np. <div>：

<div class="container">
  <ul class="myUL">
    <li>Kawa</li>
    <li>Tee</li>
    <li>Cola</li>
  </ul>
</div>

Krok 2 - Dodaj CSS:

ustaw <div> elementy wyrównane w środku, oraz <ul> zmiana wyświetlania na wyświetlanie-wewnętrzne。

albo, możesz wywierać lewe wyrównanie elementów listy, aby uzyskać bardziej uporządkowaną wizję:

div.container {
  tekst-wyrównanie-środkowe;
{}
ul.myUL {
  wyświetlanie-wewnętrzne;
  tekst-wyrównanie-lewe;
{}

Spróbuj sam

Strony związane

Tutorial:Wyważenie CSS