在網頁設計中，經常需要使用多個超鏈接，比如導航菜單或者文章目錄等。而這些鏈接在視覺上的排列往往顯得比較松散，因此需要對這些超鏈接進行居中排列。這個需求可以用CSS來實現。 我們可以用以下的 HTML 代碼來創建一個帶有多個鏈接的導航菜單：

<nav>
<a href="#">首頁</a>
<a href="#">關于我們</a>
<a href="#">產品中心</a>
<a href="#">新聞資訊</a>
<a href="#">聯系我們</a>
</nav>

默認情況下，這些鏈接在水平方向上是不對齊的，因為它們的長度可能是不同的。但是，我們可以使用CSS來讓它們居中。下面是具體的CSS代碼：

p {
text-align: center;
}
nav {
display: inline-block;
}
nav a {
display: inline-block;
margin: 0 10px;
}

上述代碼中，我們首先對p元素應用了text-align:center屬性，將其內部的內容居中對齊。然后對nav元素應用了display:inline-block屬性，讓其成為一個內聯塊級元素，以便讓它可以水平居中。最后是對nav內的a元素應用了display:inline-block屬性，讓它們成為水平排列的塊級元素，margin屬性用來控制它們之間的間距。 經過這些CSS代碼的應用，我們可以實現讓多個鏈接在水平方向上居中排列的效果。當然，我們也可以應用這些CSS樣式到其他的地方，比如文章目錄或頁腳等。 在實際應用中，我們還可以通過使用flexbox或者grid等新的CSS排版技術來實現鏈接的居中排列，這些技術在未來的網頁設計中會越來越常見。但是，上述的CSS代碼依然是最常用的實現方式之一，它簡單且易于理解，適用于各種場景。