欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery div屏幕居中

錢諍諍2年前10瀏覽0評論

在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)簽在屏幕中間居中顯示了。