表格中数据的排列方式有两种:左右排列(水平对齐),上下排列(垂直对齐)。
左右排列是以ALIGN属性来设置;
上下排列则由VALIGN属性来设置。
其中左右排列的位置可分为三种:
居左(left)、居右(right)和居中(center);
#=left, center, right
左右排列(水平对齐)代码示例:<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD align=center>内容居中对齐</TD></TR>
<TR><TD style="text-align:center">内容居中对齐:css语法</TD></TR>
</TABLE>
上下排列基本上比较常用的有四种:
上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)
#=top,middle,bottom,baseline
上下排列(垂直对齐)代码示例:<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD VALIGN=TOP>内容顶部对齐</TD></TR> <TR><TD style="vertical-align:top">内容顶部对齐:css语法</TD></TR> </TABLE>
css让div里的表格居中对齐的方法有很多,可以改变改变表格的样式属性,也可以通过改变div的样式属性,这里介绍通过改变表格的样式属性使表格居中,这样不会改变div里除表格的其他元素的样式属性和位置。以下演示具体步骤:
1、打开HTML文件编辑器,新建一个HTML文件并添加HTML的基本元素标签。
2、添加好基本元素标签后在body里添加div元素,然后在div元素里面添加一个表格元素。
3、接下来配置div元素样式和表格元素样式,使得效果可以明显体现出来,这里使用的是行内式,也可以使用行外式和外部式。其中核心代码都是:margin:auto。
4、保存好后运行这个HTML文件。效果如图: