2012-12-11 3 views
0

나는 플래시 장면을 Google 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

텍스트 정렬 : 오른쪽; 왜 작동하지 않습니다 ... 나는 이유를 모르지만 그것은 float-solution과 잘 작동합니다! 빠른 도움을 제공해 주셔서 감사합니다. – Ronny

0

당신은 어떻게 다음 Swiffy에서 애니메이션을 중앙에보고 되었기 때문에이 페이지를 발견하면,

#swiffycontainer { margin:0 auto; } 

저에게 도움이됩니다.

관련 문제