如何将这张桌子居中？

Question

如何将此表放在中心位置？

我尝试了margin-left: 50%和margin-right: 50%，但没有结果。

http://jsfiddle.net/WtJxT/ [1]

注意：表格列必须保持原始大小，而不是崩溃。

[1]：

.tic {
    display : table; 
    width : 700px; 
    border:solid 7px #c9c9c9;
    height : 97%;
    position: absolute;
    margin-left: 120px;
}

Answer 1

.tic
{
  display : table; 
  width : 700px; 
  border:solid 7px #c9c9c9;
  height : 97%;
  position: relative;
  margin: 0 auto;
}

为什么会这样？

正如您所看到的，我在您的css代码段中修改了两个属性。首先是postion: relative;。使位置相对使div.tic相对于它的父容器。第二个属性是margin: 0 auto;。 auto属性告诉浏览器设置边距，以便tic和它的外部容器之间的空白空间从两侧（左和右）相等，0设置margin-top和{{1} }到0.