<html>
<head>
<!--声明当前页面的编码集:charset=gbk,gb2312(中文编码)，tuf-8国际编码-->
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="天宝讲师">
<meta name="Keywords" content="关键词,关键字">
<meta name="Description" content="java零基础学习">
<title>java爱好者_天宝老师</title>
<!--css,js-->
<style type="text/css">
*{margin:0padding:0}
.bg{ text-align:left}
</style>
</head>
<body>
<table width="1000" border="1" class="bg">
<tr>
<td>java爱好者_天宝老师<td>
<td>学java找天宝老师</td>
<td>java零基础学习教程</td>
</tr>
</table>
</body>
</html>
css让div里的表格居中对齐的方法有很多，可以改变改变表格的样式属性，也可以通过改变div的样式属性，这里介绍通过改变表格的样式属性使表格居中，这样不会改变div里除表格的其他元素的样式属性和位置。以下演示具体步骤：
1、打开HTML文件编辑器，新建一个HTML文件并添加HTML的基本元素标签。
2、添加好基本元素标签后在body里添加div元素，然后在div元素里面添加一个表格元素。
3、接下来配置div元素样式和表格元素样式，使得效果可以明显体现出来，这里使用的是行内式，也可以使用行外式和外部式。其中核心代码都是：margin：auto。
4、保存好后运行这个HTML文件。效果如图：
如果您想让form元素向下对齐，您可以使用CSS的margin属性，例如：cssCopy code
form {
margin-top: 50px
}
这样，您的form元素将会向下移动50像素。您可以通过修改数值来调整它的位置。
需要注意的是，您可能需要为form元素设置明确的宽度和高度，以便确定它的显示位置。可以使用如下代码：
cssCopy code
form {
width: 500px
height: 200px
margin-top: 50px
}
这样，form元素将会是一个宽度为500像素，高度为200像素的矩形，并且向下移动50像素。
