jquery 垂直居中浏览器

最新推荐文章于 2021-02-23 23:24:09 发布

a89321347

最新推荐文章于 2021-02-23 23:24:09 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： javascript ViewUI

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/a89321347/article/details/84687850

html 专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍了使用CSS和JavaScript调整网页元素布局的方法，包括通过计算元素宽度和高度，实现元素的居中显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>

$(document).ready(function(){

w= $(".kf").width();

h=$(".kf").height();

r=w/2;
s=h/2;

$(".kf").css("margin","-"+s+" 0 0 -"+r+"");
//要是个参数的时候用“+参数+”

})

</script>

<table border="0" cellspacing="0" cellpadding="0" class="kf" >
<tr>
<td><a href="#"><span class="cod">A-001</span><span class="cod"><img src="images/1116528.png" /></a></span></td>
<td><a href="#"><span class="cod">A-002</span><span class="cod"><img src="images/13842.png" /></a></span></td>
<td><a href="#"><span class="cod">A-003</span><span class="cod"><img src="images/13842.png" /></a></span></td>
<td><a href="#"><span class="cod">A-004</span><span class="cod"><img src="images/13842.png" /></a></span></td>
<td><a href="#"><span class="cod">A-005</span><span class="cod"><img src="images/13842.png" /></a></span></td>
<td><a href="#"><span class="cod">A-006</span><span class="cod"><img src="images/13842.png" /></a></span></td>
</tr>
</table>