在css中如何定义一个表格按照浏览器的大小自动调整上下居中?

html-css018

在css中如何定义一个表格按照浏览器的大小自动调整上下居中?,第1张

上下居中本身CSS没有这个属性

你可以用JS来

动态

调整TOP

还有一种方法就是

你在外面用一个

表格

套上

在在TD里面放一个表格

把TD的属性设置为上下居中

*(好像默认就是)

这样就上下居中了

上面这个方法有点鸡肋

你选择下吧

还有一种但是他不支持IE8

以下

浏览器

就是把DIV的DISPLAY属性设置为TD的

这样就可以像调整TD一样来调整DIV了

css让div里的表格居中对齐的方法有很多,可以改变改变表格的样式属性,也可以通过改变div的样式属性,这里介绍通过改变表格的样式属性使表格居中,这样不会改变div里除表格的其他元素的样式属性和位置。以下演示具体步骤:

1、打开HTML文件编辑器,新建一个HTML文件并添加HTML的基本元素标签。

2、添加好基本元素标签后在body里添加div元素,然后在div元素里面添加一个表格元素。

3、接下来配置div元素样式和表格元素样式,使得效果可以明显体现出来,这里使用的是行内式,也可以使用行外式和外部式。其中核心代码都是:margin:auto。

4、保存好后运行这个HTML文件。效果如图: