css - 如何将js时钟对准页面中心？

Question

如何将JavaScript倒计时框与页面中心对齐？ js所在的URL是http://www.freelanceseohelp.com/offer/mobile/index.html

我尝试调整以下内容，但出现问题：

.flip-clock-wrapper {

我尝试将以上内容添加到

<div class="clock"></div> 

解决此问题的任何帮助将不胜感激。谢谢。

Answer 1

我在这里参加聚会很晚，但是在撰写本文时，以下内容对我有用（版本：0.7.4 Beta）。这个想法是将其包装在一个容器中，并覆盖其中的一些CSS。

的HTML

<div class="container">
    <div class="flip-clock"></div>
    <!-- Flip clock is attached the this element, not .container -->
</div>

的CSS

.container {
    text-align: center;
}

.flip-clock {
    display: inline-block;
    width: auto;
}

默认情况下， .flip-clock具有 width: 100%和 display: block。通过设置 width: auto和 display: inline-block，该项目将不再跨越其父项的宽度，并且可以通过在其容器中添加 text-align: center使其居中。