在Web開發(fā)中,經(jīng)常需要將元素居中,其中最常見的是將
標(biāo)簽居中,本文介紹如何使用jQuery實現(xiàn)
標(biāo)簽在屏幕中間的居中效果。
首先,在HTML頁面上創(chuàng)建一個
元素,并給它一個唯一的ID。
<div id="center"> <p>這是要在屏幕中央顯示的</p> </div>
接下來,在CSS文件中設(shè)置 #center 屬性以確保其可以垂直和水平居中。
#center{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
最后,使用jQuery的.ready方法在文檔加載時選擇div元素并設(shè)置它的位置:
$(document).ready(function(){ $('#center').css({ 'position' : 'fixed', 'left' : '50%', 'top' : '50%' }); });
這樣,我們就可以將
標(biāo)簽在屏幕中間居中顯示了。