CSS如何讓段落居中 在網頁設計中，讓段落居中是一種常見的需求。使用CSS可以輕松地實現這個功能。下面將介紹兩種方法。 方法一：使用text-align居中 首先，我們可以使用text-align屬性來實現段落居中。text-align屬性可以設置文本的水平對齊方式。 在CSS中，我們可以將p標簽的text-align屬性設置為center來實現段落居中的效果，如下所示： pre{ width: 100%; overflow: auto; font-size: 16px; } p{ text-align: center; } 上述代碼中，我們使用了p標簽和text-align:center來實現段落居中的效果。需要注意的是，使用text-align:center時，應該設置p標簽的寬度為100%。這樣可以使得p標簽的寬度和父級標簽的寬度相同，從而實現居中效果。 方法二：使用margin屬性居中 另外一種方法是使用margin屬性來居中段落。設置p標簽的margin-left和margin-right屬性的值都為auto，可以讓段落在容器中水平居中。 下面是使用margin屬性居中的CSS代碼： pre{ width: 100%; overflow: auto; } p{ margin-left: auto; margin-right: auto; } 上述代碼中，我們設置了p標簽的margin-left和margin-right屬性的值都為auto，實現了段落的居中效果。 需要注意的是，在使用margin屬性居中時，需要將p標簽的寬度設置為一個固定的值或者設置為100%。因為如果寬度沒有設置，p標簽的寬度將會自適應父級容器的寬度，這樣就無法實現居中效果了。 總結 以上是關于如何使用CSS讓段落居中的兩種方法，可以根據實際需求選擇合適的方法。希望這篇文章能夠幫助大家更好地掌握CSS技巧，實現更美觀的網頁設計。