来源：http://ypnow.blog.163.com/blog/static/23780562007349952526/
控制表格居中最常见的方式就是设置其align属性为center，而在css中是找不到align的，于是控制table父级元素的text-align属性就成了一种普遍的替代方案。
例如，可以给该table外套上一个宽度为100%的表格，该表格只包含一个td，然后设置这个td的text-align属性为center就可以了。
还可以给该table外套一个div，控制该div的text-align属性。
或者在table外加上<center>标签。
如果只是想让所有网页内容居中的话，可以在css中设置body{text-align:center;}。
但这都是替代方案，并非从根本上控制了table的对齐方式,其实利用css中的expression完全可以实现。
在css中定义一个伪类：
.myTableCenter{myalign:;}
然后在该table中引用就可以了：
<table ......</table>
下面是完整的html演示代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>css控制表格居中演示</title>
<style type="text/css">
</style></head>
<body>
<table width="500" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td>center</td>
</tr>
</table>
<br>
<table width="500" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td>left</td>
</tr>
</table>
</body>
</html>
|
阅读(1466) | 评论(1) | 转发(0) |
