要使用jQuery获取页面正文高度并居中显示标题,可以按照以下步骤操作:
网站设计制作过程拒绝使用模板建站;使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统;成都做网站、网站建设收费合理;免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了10年的成都创新互联公司网站建设公司。
1、确保已经在HTML文件中引入了jQuery库,在标签内添加以下代码:
2、假设页面的标题是一个 3、接下来,使用jQuery编写一个函数来获取页面正文的高度,并将其应用到标题上,在 这段代码首先等待文档加载完成,然后获取 4、将上述CSS样式、jQuery代码和HTML结构组合在一起,即可实现页面正文高度的获取和标题的居中显示。
网站栏目:如何用jQuery获取页面正文高度并居中显示标题
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联
标签,正文是一个
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
属性上,使其垂直居中。
分享路径:http://www.shufengxianlan.com/qtweb/news45/119845.html