如何在html中對齊計數器

Question

我在我的html代碼中有一個計數器。我想在這個網站的中間對齊這個櫃檯。有一個助手類，稱爲文本對齊，它與網站上的幾乎所有對象一起工作，但我不知道如何對齊腳本條目。

我的代碼如下所示：

<section class="wow fadeIn"> 
    <div class="container-fluid full-screen position-relative no-padding no-transition" > 
      <div class="opacity-medium bg-white"></div> 
      <div id="animated-balls"></div> 
      <div class="slider-typography xs-position-inherit"> 
       <div class="slider-text-middle-main"> 
        <div class="slider-text-top slider-text-middle2"> 
         <!-- logo --> 
         <div class="coming-soon-logo"><img class="logo-style-2" src="images/offene-stadt.png" alt=""/></div> 
         <!-- end logo --> 
         <span class="coming-soon-title text-uppercase gray-text margin-ten no-margin-lr no-margin-bottom">We're getting ready to launch</span> 
         <!-- time --> 
         <div id="counter-underconstruction2" class="white-text text-center margin-two no-margin-lr no-margin-bottom"></div> 
         <div id="countdown-target" class="text-center"></div> 
         <script> 
         var myCountdown1 = new Countdown({time:86400*20}); 
         </script> 
        </div> 

         <!-- end time --> 

Answer 1

您可以設置target在特定的項目指向它，試試這個：

   <div class="slider-text-top slider-text-middle2"> 
        <!-- logo --> 
        <div class="coming-soon-logo"><img class="logo-style-2" src="images/logo-light-big.png" alt=""/></div> 
        <!-- end logo --> 
        <span class="coming-soon-title text-uppercase gray-text margin-ten no-margin-lr no-margin-bottom">We're getting ready to launch</span> 
        <!-- time --> 
        <div id="counter-underconstruction2" class="white-text text-center margin-two no-margin-lr no-margin-bottom"></div> 
        <i class="icon-anchor medium-icon"></i> 
        <div id="countdownTarget" class="center-block"></div> 
        <script> 
        var myCountdown1 = new Countdown({time:316, target: "countdownTarget"}); 
        </script> 
        <!-- end time --> 
       </div> 

然後使用現有text-align技術在#countdownTarget定位你喜歡的方式。