我正在努力从以网页为中心的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是真的。
谢谢!
发布于 2017-01-16 16: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
https://stackoverflow.com/questions/41687176
复制相似问题