javascript - 从变量获取值导致额外的行

Question

我需要一些有关 HTML 格式设置的帮助。我正在使用 Bootstrap 来构建页面。如果我对值进行硬编码，它看起来很好，但是一旦我将值拉为变量，格式就会变得很糟糕。

代码是:--

    <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-blue"><i class="fa fa-certificate"></i></span>
            <div class="info-box-content">
              <span class="info-box-text">Total</span>
              <span class="info-box-number"></span>
              <p id="total"></p>
            </div><!-- /.info-box-content -->
          </div><!-- /.info-box -->
        </div><!-- /.col -->
       <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-green"><i class="fa fa-smile-o"></i></span>
            <div class="info-box-content">
              <span class="info-box-text">Authorized</span>
              <span class="info-box-number">19876</span>
            </div><!-- /.info-box-content -->
          </div><!-- /.info-box -->
        </div><!-- /.col -->

以下是它的变化方式。

添加了一个额外的空白行。

有人可以帮我吗？

问候。

Answer 1

使用 CodeRomeos 的建议我能够修复它。

<span class="info-box-number"><span id="total"></span></span>