css - 如何将div中的元素居中对齐

Question

我无法将 swf 置于 div 的中心。我有一个 div，我将其定义为 position: top 和 left 并在其中创建了第二个 div，我在其中使用 javascript 动态加载 swfs。 swfs 的大小不同，所以外面的 div 有 swfs 的最大宽度和 swfs 的最大高度。当我加载 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;
}