HTML编码不正确地对Widget -请拯救我的理智
HTML编码不正确地对Widget -请拯救我的理智
提问于 2017-01-17 00:25:37
我正在努力从以网页为中心的100个小部件中检索到一个对象。是个钟。我在TeamSite工作。物体不能正确地居中。当我键入HTML编码来对对象进行居中时，预览模式会将其更改为居中，但是当我发布项目时，网站将不会反映调整的“活动”。它保持左对齐；除非在预览模式下，它将保持正确的居中。
这就是我所拥有的(非常简单，所以它让我发疯了！)：
<div style="width: 50%; margin: 0 auto;">
<script type="text/javascript" src="http://100widgets.com/js_data.php?id=38">
</script>
</div>添加空格以允许查看文本。我还试图变得非常基本，包括<center>和</center>。我也得到了同样的结果。这个时钟位于：http://100widgets.com/clocks/page/2/，被称为蓝色和白色时钟。
在我完全疯掉之前，有人能告诉我这东西怎么了吗？！Lol...but是真的。
谢谢!
回答 1
Stack Overflow用户
发布于 2017-01-17 00:33:05
这应该使div元素在页面上居中，尽管它可能不会对页面中的内容进行居中。这里有几个例子，说明如何在水平方向对某物进行居中。
<style>body {margin:0;} </style>
<div style="width: 50%; margin: 0 auto;">1</div> <!-- centers the element based on the width -->
<div style="text-align:center">2</div> <!-- centers the inline content in the element -->
<div style="position: absolute; left: 50%; transform: translateX(-50%)">3</div> <!-- centers the element and the element is only as wide as the content inside -->
这是一个很好的参考，对居中的东西。https://www.w3.org/Style/Examples/007/center.en.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41687176
复制相关文章
相似问题
腾讯云开发者
