如何将JavaScript倒计时框与页面中心对齐? js所在的URL是http://www.freelanceseohelp.com/offer/mobile/index.html
我尝试调整以下内容,但出现问题:
.flip-clock-wrapper {
我尝试将以上内容添加到
<div class="clock"></div>
解决此问题的任何帮助将不胜感激。谢谢。
最佳答案
我在这里参加聚会很晚,但是在撰写本文时,以下内容对我有用(版本: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
使其居中。
关于css - 如何将js时钟对准页面中心?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30431836/