CSS圓點和文字居中 在網頁設計中，經常會使用圓點來作為項目符號，來使內容在視覺上更有層次和明確。同時，為了美觀和易于閱讀，我們希望圓點和對應的文字能夠居中顯示。本文將通過CSS樣式來實現這一設計需求。 圓點 CSS樣式中提供了`list-style-type`屬性，用于指定列表項的項目符號類型。其中，`disc`表示圓型，`circle`表示空心圓。

p { 
list-style-type: disc;
}

以上代碼可以將所有p標簽中的列表項符號都設置為實心圓點。如果你想使用空心圓點或其他類型的項目符號，只需要將`disc`替換成相關的值即可。 文字居中 實現文字居中有很多方法，本文將分別介紹兩種常用的方式。 1. 行高法 通過設置文本行高度相等來實現文字居中顯示。具體代碼如下：

p {
height: 40px;
line-height: 40px;
text-align: center;
}

在以上代碼中，`height`屬性用于設置段落的高度，`line-height`屬性用于設置段落文本的行高，`text-align`屬性用于設置段落文本的水平對齊方式。由于行高等于段落高度，因此文本將自然居中。 2. 彈性盒子法 使用彈性盒子（flexbox）布局，可以更加靈活地實現文字居中。代碼如下：

p {
display: flex;
justify-content: center;
align-items: center;
}

`display: flex`用于指定父元素為彈性盒子容器，`justify-content: center`用于指定水平方向上子元素居中，`align-items: center`用于指定垂直方向上子元素居中。這樣就實現了文字的水平和垂直居中。 結語 以上是兩種常用的CSS樣式實現圓點和文字居中的方法，可以根據實際需求選擇適合的方法。通過樣式的設置，可以使頁面元素的展示更具美感和易讀性，提升用戶體驗。