我无法将 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;)
没用。
谁能帮帮我?
最佳答案
你试过先做一个包装器,然后只使用 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;
}
关于css - 如何将div中的元素居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17945133/