在CSS中，我們可以使用text-align屬性來設置文字水平居中。需要注意的是，這個屬性只對塊級元素生效，對于行內元素無效。 示例代碼如下： pre{ background-color: #f5f5f5; padding: 10px; text-align: center; } p{ text-align: center; } 其中pre標簽是用來展示代碼的，我們也可以在其中設置text-align屬性來達到代碼的水平居中效果。 而對于段落文本，我們只需要在p標簽中設置text-align屬性為center即可實現文字水平居中。 需要注意的是，在使用text-align屬性時，我們需要把元素的display屬性設置為block或者inline-block才會生效。因此，在設置水平居中時，我們需要將元素設置為塊級元素，或者是將其轉換為inline-block元素。 總結一下，想要實現文字水平居中的方法如下： 對于塊級元素： div, p, h1, h2, h3, h4, h5, h6, section, header, footer, ul, ol, li, etc. 1. 設置display: block或者display: inline-block； 2. 設置text-align: center。 對于行內元素： span, a, img, etc. 1. 設置display: inline-block； 2. 設置text-align: center。 通過這些方法，我們可以實現不同標簽、不同元素中文本的水平居中。