需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index，填充问题基础代码。
2、在index中的<style>；标签中，输入css代码：table {margin: auto}。
3、浏览器运行index页面，此时table在div中成功居中显示了。
2.HTML中怎么用列表框
HTML中下拉列表框是一个可选列表。
该列表的组成需要有select 以及其中的选项option组成。一个select中可以包含多个选项（option），每个option有一个value属性表示这个option的值，展示文本这对标签中间的“展示文本”是用于在下拉的时候展示的选项，其中的某一个option在选中以后，这个option的value就可以用于和后台交互进行逻辑处理。
以下是一个最简单的DEMO: 列表框演示<body>。
右击你的html文件，选择打开方式，然后在你想要插入图片的位置输入：<img src="图片地址" width="宽度" height="高度"/>
然后刷新一下html网页，或者重新打开一边即可看到你刚插入的图片；
方案一：文字浮动定位到图片上<div class="img_wd">
<div class="c_img"><img src="test.jpg" width="100px" height="100px"/></div>
<div class="c_words">测试文字</div>
</div>
<style>
.c_img{position:relative}
.c_words{position:absolutetop:35pxheight:30pxline-height:30px}
</style>
如要文字居中显示：top值=(图片高度-文本div高度)/2
如需要求水平居中：left=(图片宽度-文本div宽度)/2
方案二：用图片做文字图层背景
<div class="img_wd">测试文字</div><style>
.img_wd{
background:url(test.jpg) top center no-repeat
width:100pxheight:100pxline-heiht:100px
text-align:center}
</style>
