Question

我有一个用Google swiffy转换为html5的flash场景。一切都很好，但我无法将场景（或舞台）对齐到页面的右侧。

<!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专家很容易 - 但我无法解决这个小问题。

Answer 1

我认为脚本是你想要对齐的...如果不生病就把它作为一个例子

使用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>

Answer 2

如果你找到这个页面，因为你正在寻找如何以漂亮的动画为中心;

#swiffycontainer { margin:0 auto; }

非常适合我。

将swiffy-Stage对齐到页面的右侧

2 个答案: