在網頁中，我們常常需要將文章或代碼塊垂直居中，讓網頁看起來更加美觀和整潔。而CSS提供了一種簡單的方法，可以輕松地實現(xiàn)這一目標。 首先，我們可以使用一個容器元素，將文章或代碼塊包裹起來。比如我們可以使用一個div元素： ```html``` 其中，對于文章段落我們使用了p標簽，而對于代碼塊我們使用了pre標簽，這樣可以更好地區(qū)分兩者。 接下來，我們需要使用CSS來將這個容器元素垂直居中。下面是一種簡單的實現(xiàn)方式： ```css .container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; } ``` 這里我們使用了flex布局，將容器元素的display屬性設置為flex，將flex-direction屬性設置為column，這樣子元素會按照行的方向排列，即垂直排列。 然后，我們將justify-content屬性設置為center，這樣子元素就會在豎直方向上居中。同時，我們也將align-items屬性設置為center，使得子元素在水平方向上也居中。 最后，我們將容器元素的高度設置為100vh，這樣子元素就會占據(jù)整個可視窗口的高度，從而實現(xiàn)了垂直居中的效果。 綜上所述，通過使用CSS的flex布局和一些簡單的屬性設置，我們就可以將直居中的文章段落和代碼塊實現(xiàn)。這樣子網頁就能夠更加美觀和整潔。