如何在CSS中集中倒数计时器

Question

我从http://www.dwuser.com/education/content/easy-javascript-jquery-countdown-clock-builder/#IDComment999156910下载了一个倒数计时器。工作正常，但我不能集中它。它始终与页面左侧对齐。请帮忙。我附上了CSS文件。

.navbar-default .menu-item-3569 .navbar-nav>li>a:focus,
.navbar-default .menu-item-3569 .navbar-nav>li>a:hover

Answer 1

Hello Greezil

将此代码添加到CSS

body .flip-clock-wrapper {
    margin: 0 auto;
    width: 50%;
}

Answer 2

在你的风格中，你有：

.flip-clock-wrapper {
text-align: center;
position: relative;
width: 1250px;
margin: 1em;
}

删除以下行：

text-align: center;
position: relative;
width: 1250px;

并添加以下两行：

display: flex;
justify-content: center;

所以它写着：

.flip-clock-wrapper {
display: flex;
justify-content: center;
margin: 1em;
}