0

我正在尝试使用 twitter-bootstrap 框架 v3.0.0 将文本居中在进度条内。

我已经尝试过这个解决方案，但恐怕无法使用新版本的框架。

所以我尝试了这个：

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    <span>HELLO</span>
  </div>
</div>

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
  </div> 
  <span>HELLO</span>
</div>

这是小提琴：http: //jsfiddle.net/HuFw4/

如您所见，它将文本集中在填充部分或空白部分，但不尊重所有内容。

您有什么想法或建议吗？

4

2 回答 2

5

您需要申请position: absolute;您的跨度元素

试试这个演示

于 2013-10-28T08:18:28.427 回答
0

尝试这个：

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%; text-align:center">
    HELLO
  </div>
</div>

文本应以 style="text-align:center" 为中心

于 2013-10-28T08:23:07.017 回答