扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
要使用jQuery获取页面正文高度并居中显示标题,可以按照以下步骤操作:
网站设计制作过程拒绝使用模板建站;使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统;成都做网站、网站建设收费合理;免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了10年的成都创新互联公司网站建设公司。
1、确保已经在HTML文件中引入了jQuery库,在标签内添加以下代码:
2、假设页面的标题是一个 3、接下来,使用jQuery编写一个函数来获取页面正文的高度,并将其应用到标题上,在 这段代码首先等待文档加载完成,然后获取 4、将上述CSS样式、jQuery代码和HTML结构组合在一起,即可实现页面正文高度的获取和标题的居中显示。 我们在微信上24小时期待你的声音 解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流标签,正文是一个
content
,可以使用以下CSS样式设置标题和正文的样式:
h1 {
textalign: center;
}
#content {
margin: auto;
width: 50%;
}
标签内添加以下代码:
$(document).ready(function() {
var contentHeight = $("#content").height();
$("h1").css("margintop", contentHeight / 2 + "px");
});
#content
元素的高度,接着,将计算出的高度值应用到标签的
margintop
属性上,使其垂直居中。
当前题目:如何用jQuery获取页面正文高度并居中显示标题
路径分享:http://csdahua.cn/article/cdpehds.html
扫二维码与项目经理沟通