2012-12-11 110 views
0

右邊我有一個閃光的場景轉換與谷歌Swiffy與HTML5的。 一切都很好,但我無法將場景(或舞臺)對齊到頁面的右側。對齊Swiffy與級到

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<title>Swiffy output</title> 
<script src="https://www.gstatic.com/swiffy/v4.9/runtime.js"></script> 
<script> 
swiffyobject = {"tags":[{"bounds":.........HERE IS THE SWIFFY-CODE.......... 
</script> 
<style>html, body {width: 100%; height: 100%}</style> 
</head> 
<body style="margin: 0; overflow: hidden"> 
<div id="swiffycontainer" style="width: 800px; height: 310px"> 
</div> 
<script> 
var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), 
swiffyobject); 
stage.start(); 
</script> 
</body> 
</html> 

你能幫忙嗎?我認爲HTML專家非常容易 - 但我不能解決這個小問題。

回答

0

我認爲劇本是要對齊......如果沒病把它作爲一個例子

隨着float:right;你可以把它漂浮到右

<div style="float:right;"> 
    <script> 
    var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), 
    swiffyobject); 
    stage.start(); 
    </script> 
</div> 

一個另一種選擇是什麼text-align:right;

<div style="text-align:right; width:100%;"> 
    <script> 
    var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), 
    swiffyobject); 
    stage.start(); 
    </script> 
</div> 
+0

謝謝 - 第一個解決方案的作品! – Ronny

+0

text-align:right;不工作....我不知道爲什麼,但它與浮動解決方案工作正常! 非常感謝您的快速幫助! – Ronny

0

如果你發現這個頁面,因爲你正在尋找如何中心Swiffy與動畫即可;

#swiffycontainer { margin:0 auto; } 

對我很好用。