html中如何使一个table或者div永远处于中间位置？

2024年11月16日 07:33

有5个网友回答

网友（1）：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的标签中，输入html代码：

reset();

window.onresize = function () {

reset();

}

function reset() {

var left = (window.innerWidth - $('div').width())/2;

var top = (window.innerHeight - $('div').height())/2;

$('div').css('margin-left', left + 'px');

$('div').css('margin-top', top + 'px');

}

3、浏览器运行index.html页面，此时无论怎么拉伸窗口，div都会自动调整到屏幕正中央。

网友（2）：

html中使一个table或者div永远处于中间位置,首先需要理解块元素的概念，如div、table都是width和height属性，然后在通过css中的一个margin属性，来实现居中，具体用法看下图：

不管浏览器的宽度是多少，这个属性就会将div居中，具体看下代码：

我会居中

网友（3）：

设定好宽度例如 width：1000px；然后margin：0 auto；就好了

网友（4）：

可以这样子啊。

网友（5）：

使用水平居中就行了,在table或div里加入 align=center