Javascript 如何将标签的宽度设置为画布上图表的中心？

我有下面的html。我希望标签（打开/解决的问题（所有团队）在我的图表（在画布中呈现）上方居中。我在没有span的情况下尝试过，使用span标记时，没有任何变化。如果有必要，我将使用bootstrap和chart.js

  <div class="container-fluid">
  <div class="row">
      <div class="col-xs-1"><p></p></div>
      <div class="border col-xs-4">
          <label class="graph_caption" for="open_resolved_chart">
              <span class="center full">Open/Resolved Issues (All Teams)</span><br />
              <canvas id="open_resolved_chart" width="400" height="400"></canvas>
          </label>
          <br>
          <span id="open_resolved_chart_legend"></span>
      </div>
      <div class="col-xs-1"><p></p></div>
      <div class="border col-xs-4">
          <label class="graph_caption" for="open_resolved_chart_agg">
              <span class="center full">Open/Resolved Issues (Agg Team)</span><br />
              <canvas id="open_resolved_chart_agg" width="400" height="400"></canvas>
          </label>
          <br>
          <span id="open_resolved_chart_agg_legend"></span>
      </div>
  </div>

---

Span元素是内联的，而不是块元素，这意味着它们不会占用整个宽度。您可以将display:block添加到full，或将其更改为div元素

---

此外，bootstrap提供了一个文本中心类，您应该使用该类来代替自定义css类（.center）

如果您还提供了一个指向JSFIDLE的链接，其中显示了无法使用chart.js和bootstrap的示例，您可能会得到更多的响应。

.graph_caption {
    text-size: 1.2em;
    text-decoration: none;
}
.center
{
    text-align: center;
}
.full
{
    min-width: 100%;
}