表格单元格 div 的 left/margin-left 值

Question

我有这个 html：

<div id="main">
   //contents
</div>

还有这个css：

#main {
   padding:10px;
   margin-top:5px;
   display:table-cell;
   font-family:Calibri;
   font-size:25px;
   background-color:#50aafb;
}

我有 javascript 计算将main div 移动到左侧/边距左侧的距离。由于display:table-cell，div 没有移动，但我需要它来做其他事情......

我该如何解决这个问题？

更新：http://jsfiddle.net/yueCM/

更新 2： Javascript：

$(window).load(function() {
   var l = ( $(document).width() - $('#main').width() ) / 2;
   $('#main').animate({marginLeft:l}, 200); 
});

解决方案（对我而言）： 将table-cell 更改为table。

解决方案（由@Sparky672 发现）： https://stackoverflow.com/a/2986792/594235

将table-cell div 包装在另一个div 中（例如block 显示）并将JS 应用于该div。

Answer 1

使用inline-block 代替table-cell：demo

#main 只是包装器，它不会受到伤害。浏览器支持类似：inline-block、table-cell。

对于IE

*zoom: 1;
*display: inline;