CSS / HTML对象联盟中心

时间:2016-04-30 00:00:21

标签: html css

我想知道如何将对象放在HTML页面的中间。不是完美的中心。该对象是一个时钟向下,它出现在页面的左上角。我想将它设置在顶部中心。这是代码的CSS或HTML设置吗?

谢谢!

2 个答案:

答案 0 :(得分:0)

  

两个CSS选项:

     

text-align:center;放在父元素

上      

或设置宽度值margin-left: auto;& margin-right:auto;   关于元素本身。

好的,因为你说顶级中心,我以为你不会垂直。 在元素上执行此操作:

position: absolute;
top: 50%;
left: 50%;
width: 120px; /*replace with your value*/
height: 120px; /*same*/
margin-top: -60px; /*needs to be negative half size*/
margin-left: -60px; /*same*/

这是一个例子。将#test替换为您的元素。

https://jsfiddle.net/hqpntcax/

答案 1 :(得分:0)

下次尝试使用第一个谷歌。试试this