如果有多项内容，其中的某几项，比如日期 价格 类型等，词量短，可固定宽度的，可以给固定的宽度，然后标题类的就不用写，这样就是没有写宽度的td 会根据内容自动适应。
总之就是能定宽度的就固定一下宽度，剩下不能固定宽度的让他们根据内容自动适应，这是最常用的方式
水平居中可以用margin:auto来实现，而垂直居中可以先得到页面的高度，然后减去元素的高度除以2，将得到的值设置为元素距离顶部的高度即可。
例子：
<div id="div" style="width: 200pxheight: 200pxbackground-color: blackmargin:auto"></div><script>
document.getElementById("div").style="position: absolutetop"+Math.floor((document.documentElement.clientHeight-200)/2)+"px"
</script>
以上就是让div动态居中。
写了两种方法，你看看吧，也许有用方法一：<table width="200px" height="200px" frame="box">
<tr>
<td style="border:1px solid red"></td>
<td style="border:1px solid red"></td>
</tr>
<tr>
<td style="border:1px solid blue" colspan="2"></td>
</tr>
<tr>
<td style="border:1px solid red" colspan="2"></td>
</tr>
<tr>
<td style="border:1px solid blue" colspan="2"></td>
</tr>
</table>
这种方法是设置行内每个单元格的样式
方法二：
<table width="200px" height="200px" frame="box">
<tr bordercolor="#FF0000">
<td ></td>
<td></td>
</tr>
<tr bordercolor="#FF0000" >
<td colspan="2"></td>
</tr>
<tr bordercolor="#FF0000" >
<td colspan="2"></td>
</tr>
<tr bordercolor="#FF0000" >
<td ></td>
</tr>
</table>
两个方法的<table></table>标记里都加frame="box"
