如何在div中對齊元素

我在將swf放在div中心時遇到了問題。我有一個div，我將其定義爲position: top和left，並在裏面創建了第二個div，我使用javascript動態加載swfs。 swfs的大小是不同的，所以div外部具有swfs的最大寬度和swfs的最大高度。當我加載swf時，它只停留在左上角。我試着如何在div中對齊元素

.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內部移動，所以我認爲我可能y應該對齊外部div。但是，當我試圖 .div (outside){padding: 50%;)或.div (outside)(padding: auto;)它沒有工作。任何人都可以幫助我嗎？

來源

2013-07-30 user2633746

垂直下車：中心;變成這個垂直的光：中間;和text-align：center; –

看看，可能會幫助你：http://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html，尤其是「對齊」部分 – Cherniv

嘗試一個演示http： //jsfiddle.net/45MHk/107/ – falguni

您是否嘗試過首先製作包裝，然後僅使用邊距：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; 
}

來源

2013-07-30 11:18:12

如何在div中對齊元素

回答

相關問題