CSS中li左對齊

下面是一個示例代碼，它使用margin屬性將li元素向左對齊：

```html

<li>這是一個li元素</li>

<li>另一個li元素</li>

<li>還有三個li元素</li>

</ul>

在這個示例中，第一個li元素被設置為margin-left: 20px，這意味著它的左margin值設置為20px。第二個li元素被設置為margin-left: 40px，這意味著它的左margin值設置為40px。以此類推，第三個li元素被設置為margin-left: 60px，第四個li元素被設置為margin-left: 80px。

除了使用margin屬性，我們還可以使用flex布局來實現左對齊。在這個示例中，我們將ul元素設置為display: flex，并給它一個子元素來填充列表空間。li元素也被設置為flex-item，以便在flex布局中居中對齊。

```html

<li>這是一個li元素</li>

<li>另一個li元素</li>

<li>還有三個li元素</li>

<li class="flex-item">這是另一個li元素，它被居中對齊</li>

</ul>

在這個示例中，我們使用了一個特殊標記<li class="flex-item">來將第二個li元素居中對齊。我們還將li元素的左右margin值都設置為10px，以便使其向左對齊。

總之，通過使用margin和flex布局，我們可以輕松地將li元素左對齊。