在網(wǎng)頁制作中，我們經(jīng)常需要將一些元素居中顯示，無論是文字還是圖片，都需要用到CSS和JS來實現(xiàn)。下面我們來詳細講解如何使用CSS和JS設(shè)置居中顯示。

CSS設(shè)置居中顯示：

p {
 text-align:center; /*橫向居中*/
 line-height:200px; /*縱向居中*/
}

以上代碼使用了text-align和line-height兩個屬性來實現(xiàn)文字的水平和垂直居中。其中，text-align設(shè)置了文字水平居中，line-height設(shè)置了文字的行高，通過設(shè)置行高與元素高度相等，實現(xiàn)了文字的垂直居中。

JS設(shè)置居中顯示：

function center() {
 var div = document.getElementById("div");
 var w = div.offsetWidth;
 var h = div.offsetHeight;
 var sw = document.documentElement.clientWidth;
 var sh = document.documentElement.clientHeight;
 div.style.left = (sw - w) / 2 + "px";
 div.style.top = (sh - h) / 2 + "px";
}

以上代碼使用了JS來實現(xiàn)元素的居中顯示。通過獲取元素的寬度和高度以及當(dāng)前可視窗口的寬度和高度，計算出元素的左邊距和上邊距，使元素居中顯示在頁面中。

總結(jié)：

以上就是CSS和JS設(shè)置居中顯示的方法，需要根據(jù)實際情況選擇使用哪種方式。如果只是文字居中，可以通過CSS來實現(xiàn)；如果是元素居中，尤其是圖片等，建議使用JS來實現(xiàn)。希望本文對您有所幫助。