標題：CSS設置li小點居中

隨著網頁設計的不斷發展，我們需要使用越來越多的CSS技術來構建漂亮的網頁布局。其中，居中是一種常用的布局技巧，可以幫助我們將文本、圖片、小點等元素放置在正確的位置，使其更加美觀和易用。

在HTML中，我們可以通過在li元素中添加一個class來設置其小點居中。下面是一個示例代碼：

```html

<li class="center-這些小點居中了">我喜歡吃蘋果</li>

<li class="center-這些小點居中了">我喜歡喝酸奶</li>

<li class="center-這些小點居中了">我愛好運動</li>

</ul>

在上面的代碼中，我們為li元素添加了一個“center-這些小點居中了”的類，通過類名來指定小點居中的規則。我們可以使用不同的類名來設置不同的元素居中規則，如下所示：

```css

.center-這些小點居中了 {

position: relative;

margin: 0 auto;

.center-這些小點居中了 li {

display: inline-block;

width: 100%;

height: 20px;

line-height: 20px;

text-align: center;

在上面的代碼中，我們使用了“display: inline-block”來將li元素轉換為內聯塊元素，并使用“width: 100%;”和“height: 20px;”來設置li元素的行和列寬高，使其居中。最后，我們使用了“text-align: center;”來將li元素的內容居中。

這只是居中的一種簡單方式，我們還可以使用其他CSS技術來調整元素的位置、大小、邊框等，使其更加美觀和實用。希望本文能夠幫助您更好地使用CSS來設計網頁布局。