新聞中心
要使用jQuery獲取頁(yè)面正文高度并居中顯示標(biāo)題,可以按照以下步驟操作:

網(wǎng)站設(shè)計(jì)制作過(guò)程拒絕使用模板建站;使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺(tái)管理系統(tǒng);成都做網(wǎng)站、網(wǎng)站建設(shè)收費(fèi)合理;免費(fèi)進(jìn)行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運(yùn)營(yíng)了10年的成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司。
1、確保已經(jīng)在HTML文件中引入了jQuery庫(kù),在標(biāo)簽內(nèi)添加以下代碼:
2、假設(shè)頁(yè)面的標(biāo)題是一個(gè) 3、接下來(lái),使用jQuery編寫一個(gè)函數(shù)來(lái)獲取頁(yè)面正文的高度,并將其應(yīng)用到標(biāo)題上,在 這段代碼首先等待文檔加載完成,然后獲取 4、將上述CSS樣式、jQuery代碼和HTML結(jié)構(gòu)組合在一起,即可實(shí)現(xiàn)頁(yè)面正文高度的獲取和標(biāo)題的居中顯示。標(biāo)簽,正文是一個(gè)content,可以使用以下CSS樣式設(shè)置標(biāo)題和正文的樣式:
h1 {
textalign: center;
}
#content {
margin: auto;
width: 50%;
}
標(biāo)簽內(nèi)添加以下代碼:
$(document).ready(function() {
var contentHeight = $("#content").height();
$("h1").css("margintop", contentHeight / 2 + "px");
});
#content元素的高度,接著,將計(jì)算出的高度值應(yīng)用到標(biāo)簽的margintop屬性上,使其垂直居中。
文章名稱:如何用jQuery獲取頁(yè)面正文高度并居中顯示標(biāo)題
鏈接URL:http://fisionsoft.com.cn/article/cdpehds.html


咨詢
建站咨詢
