2

私はこの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;
}

maindivをleft/margin-leftに移動する量を計算するjavascriptがあります。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

table-celldivを別のdiv（blockたとえばディスプレイ付き）でラップし、そのdivにJSを適用します。

4

1 に答える 1

1

inline-block代わりに使用table-cell：デモ

#main単なるラッパーであり、害はありません。ブラウザのサポートも同様です：inline-block、table-cell。

IE <8をサポートするには、次を追加します。

*zoom: 1;
*display: inline;
于 2012-10-15T18:28:46.470 に答える