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

标签 css html google-swiffy

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

最佳答案

我假设脚本是你想要对齐的......如果不是我将它作为一个例子

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

关于css - 将 swiffy-Stage 对齐到页面右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13821626/

相关文章:

CSS 大多数带有百分比值的参数。好的做法?

css - HTML Canvas,多边形相互连接

javascript - 使用 JavaScript 将 tsv 文件上传按钮添加到 Jupyter Notebook

HTML5 Swiffy 动画完成时的 JavaScript 监听器?

html - Swiffy 转换错误(Flash 到 HTML5)

ios - <img> 在移动版 safari 上被裁掉了 1px

javascript - Bootstrap 站点如何知道您在页面的哪一部分?

JavaHTTPServer 在 (html) 按钮上单击获取 (html) 文本框的内容

javascript - jQuery Click 事件不会在元素单击时触发

css - 为什么我的 Swiffy html5 导出文件会在页面上放大?