css - 表格单元格 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 来计算将maindiv 移动到左边/左边距的距离。div没有移动，display:table-cell但我需要它来做其他事情......

我该如何解决这个问题？

更新：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

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

Answer 1

使用inline-block代替table-cell：演示

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

对于 IE<8 支持，添加：

*zoom: 1;
*display: inline;