2013-08-29 31 views
0

我在我的html中有一个表,我想集中在我的页面上。我有以下代码。我完全可以在ie中找到,而不是在Chrome中找到。难道我做错了什么?你如何使用css中心表

<table align="center"> 
    <tr> 
    <td> 
     <div class="zoom_controls"> </div> 
      </td> 
    </tr> 
</table> 
+2

你的CSS在哪里?确保你的容器(例如'body'元素)具有'text-align:center',然后确保表具有'margin:0 auto;',并且它将以空格为中心。 –

回答

4

很久以前,align="center"语法已被弃用。添加margin:0 auto到表:

table { 
    margin:0 auto; 
} 

jsFiddle example(增加了可视性境)

0

把桌子固定宽度,如果可能的话。
为表格指定一个0(或其他如果你想要的)的顶边和底边以及一个自动的左右边距。

这适用于每种具有已知宽度的元素。
您也可以使用可变宽度(em /%)。

编辑:好像其他人正在输入与我一样的解决方案。

-1

对我来说有效的是: margin:auto; display:inline-block;

+0

欢迎来到SO,你的回答没有给问题增加任何价值,并且与已经选择的答案非常相似,对于居中要素,“内嵌块”不是必需的。 – Aziz