在html中怎么让一个div(包含里面的内容)垂直和水平居中

发布网友发布时间：2022-04-23 15:32

共2个回答

热心网友时间：2022-04-03 02:39

DIV
没有太好的上下居中方法，兼容性最好的方式是用JS来计算DIV的高度，然后取浏览器窗口高度的一半-DIV高度=给DIV上部margin赋值。
有一种变通方式是把DIV改为TABLE，外层是一个一行一列，宽高100%的TABLE，然后给个table的TD设置为上下左右居中。

热心网友时间：2022-04-03 03:57

水平居中，可以用margin：0
auto;垂直居中用js动态固定，下面是我做的一个动态改变位置的代码，可以参考下：

var
contentWidth
=
window.screen.availWidth;

var
mainHeight
=
$(window).width();

var
nowHeight
=
$(window).outerWidth(true);

$('.yr_introce').css("margin-left",(nowHeight
-
1903)/2);

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com