在網(wǎng)頁設(shè)計中，居中是常常出現(xiàn)的需求之一。在 CSS 外部樣式表中居中也是需要重視的問題。下面我們來介紹如何在 CSS 外部樣式表中實現(xiàn)居中效果。

.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上代碼使用了 position 屬性將元素的定位方式設(shè)置為絕對定位，top 和 left 屬性將元素向上、向左移動了 50% 的距離，使其處于父元素的中心位置。由于此時元素的左上角仍然位于父元素的左上角，我們需要通過 transform 屬性來將其向左、向上移動自身寬高的一半，使其完全居中。

除了以上方法，還有其他實現(xiàn)居中的方式。如使用網(wǎng)格布局，將居中元素放置在網(wǎng)格容器的中心位置。使用 Flexbox 布局，將居中元素放置在父容器的中央位置即可。無論是哪種方式，都可以為我們的網(wǎng)頁設(shè)計增添美觀且實用的效果。