HTML 如何設置上下居中顯示 在網頁設計中，有時需要對頁面中的元素進行上下居中的設置。在 HTML 中，我們可以使用 CSS 來實現上下居中的顯示。 我們可以使用 display 和 margin 屬性來實現上下居中顯示。下面是一個例子，展示了如何將一個 p 元素上下居中：

這是一個上下居中的段落。

在上面的代碼中，我們定義了一個類名為 .centered，通過設置 display: flex; 屬性，將元素變成一個 flex 容器。接著，使用 justify-content 和 align-items 屬性，將元素水平和垂直居中。最后，我們還可以使用 height 和 margin 屬性來設置元素占據整個視口，以便能夠將其完全居中。 通過上述設置，就可以實現一個上下居中的段落了。當然，這種方法對于其他元素同樣有效，比如 div、span 等等。 總結 上下居中是網頁設計中常用的一種布局。在 HTML 中，我們可以通過設置 display 和 margin 屬性來實現上下居中。通過本文的介紹，相信大家已經掌握了實現方法，可以在實際項目中應用。