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

您是否先尝试制作包装器，然后只使用保证金：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;
}

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

1 个答案: