web怎么使两列对齐table

web两列对齐table的步骤是：

1、新建一个html文件，命名为test.html，用于讲解css如何设置table表格内容底部对齐。

2、在test.html文件中，使用table标签创建三行两列的表格，用于测试。

3、为了展示效果，设置table表格的border属性为1，显示边框。

4、在css标签内，通过table设置表格的高度为200px。

5、在css标签内，再设置td单元格内容的样式，将vertical-align属性设置为bottom，实现将内容底部对齐。

6、在浏览器打开test.html文件，即可对齐。

Html中，有的居中，有的居左右。

这种一般处理的方式是把三个东西分别放置在三个div中。

然后定位这三个div

div本身是block的，所以会换行。

可以把他们都绝对定位处理

然后简单的笨办法：在里面再弄一个有三列的table（不推荐）

用无序列表做的，楼主看一下吧。

CSS部分

<style type="text/css">

.test01 { list-style:none width:240px}

.test01 li { list-style:none float:left width:120px height：30px line-height:30px}

</style>

html部分：

<ul class="test01">

   <li>One</li>

   <li>一</li>

   <li>Two</li>

   <li>二</li>

   <li>Thirty-five</li>

   <li>三十五</li>

</ul>

---