我无法在我的 html 中将我的 <script> 居中答案

【问题标题】：I am unable to center my <script> in my html我无法在我的 html 中将我的 <script> 居中
【发布时间】：2020-03-27 16:47:44
【问题描述】：

代码如下：

<div class="jumbotron text-center">
  <h1>Aela and Heimskr</h1>
  <p class="lead">October 20, 2020 &bull; Whiterun, Skyrim</p>
  <table>
    <tr>
      <td id="days"></td>
    </tr>
  </table>
  <br/>
  <script type="text/javascript">
    function countdown() {
      var now = new Date();
      var weddingDate = new Date(2020, 10, 20);

      var currentDate = now.getTime();
      var weddingDate = weddingDate.getTime();

      var remainingTime = weddingDate - currentDate;

      var s = Math.floor(remainingTime / 1000);
      var m = Math.floor(s / 60);
      var h = Math.floor(m / 60);
      var d = Math.floor(h / 24);

      document.getElementById("days").innerText = d + " Days to go!";
    }

    countdown();
  </script>
  <p><a href="../Rsvp/Create" class="btn btn-primary btn-lg">RSVP &raquo;</a></p>
</div>

第一个 div 中的引导类“text-center”将除脚本之外的所有其他文本居中...

我尝试将脚本放在 div 中并使用样式标签设置宽度、居中文本、居中对象、marigns 等，并使用引导类将其居中，但没有任何效果。

它与 getElementById.innerText 有关系吗？我最近才重新开始编码，所以如果这看起来有点“新手”，我深表歉意

谢谢 - 如果您需要任何说明，请告诉我

【问题讨论】：

标签： javascript html css asp.net razor

【解决方案1】：

尝试给脚本一个类。像这样：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <div class="jumbotron text-center">
        <h1>Aela and Heimskr</h1>
        <p class="lead">October 20, 2020 &bull; Whiterun, Skyrim</p>
        <table class="w-100">
            <tr>
                <td class="text-center" id="days"></td>
            </tr>
        </table>
        <br/>
        <script type="text/javascript" class="your_class">
            function countdown() {
                var now = new Date();
                var weddingDate = new Date(2020, 10, 20);

                var currentDate = now.getTime();
                var weddingDate = weddingDate.getTime();

                var remainingTime = weddingDate - currentDate;

                var s = Math.floor(remainingTime / 1000);
                var m = Math.floor(s / 60);
                var h = Math.floor(m / 60);
                var d = Math.floor(h / 24);

                document.getElementById("days").innerText = d + " Days to go!";
            }

            countdown();
        </script>
        <p><a href="../Rsvp/Create" class="btn btn-primary btn-lg">RSVP &raquo;</a></p>
    </div>``` I don't know if it will work right because i never tried using the "class" element property in a script tag.

【讨论】：