css - 如何在中间对齐div中的元素

Question

我在将我的 swf 定位在 div 的中心时遇到了问题。我有一个 div，我定义了它position: top，left并在其中创建了第二个 div，我在其中使用 javascript 动态加载 swfs。swfs 的大小是不同的，所以外面的 div 有 swfs 的 max-width 和 swfs 的 max-height。当我加载 swf 时，它只停留在左上角。我试过了

.div (inside) {display: table-cell; vertical-align: middle;}

和

.div (inside){margin-top:auto; margin-bottom: auto; margin-left:auto; margin-right:auto;}

和

.div (inside){margin-top:50%; margin-bottom: 50%; margin-left:50%; margin-right:50%;}

但它没有用，当我尝试申请时

.div (outside){padding: 25px;} 

到外部 div 里面的 div 移动了，所以我想我可能应该对齐外部 div。但是，当我尝试 .div (outside){padding: 50%;)或.div (outside)(padding: auto;)它不起作用时。有人可以帮我吗？

Answer 1

您是否尝试过先制作包装器，然后仅使用 margin: 0 auto; 您的css文件中的代码？

基本上

<div id="wrapper">
    <div class="swf-container">
    <!-- Your Flash Code Here -->
    </div>
</div>

然后在你的 CSS 文件中，像这样..

div#wrapper {
    width: 100%;
    height: auto;
}

div#wrapper > div.swf-container {
    display: block;
    height: 500px;
    width: 980px;
    margin: 0 auto !important;
}