相关疑难解决方法(0)

我想使用弹性框垂直对齐一些内容,<li>但没有取得很大的成功.

我已经在网上查了一下,很多教程实际上都使用了一个包装div来获取align-items:center父对象的flex设置,但是我想知道是否可以删除这个额外的元素？

我选择在此实例中使用弹性框,因为列表项高度将是动态%.

* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
}

ul {
  height: 100%;
}

li {
  display: flex;
  justify-content: center;
  align-self: center;
  background: silver;
  width: 100%;
  height: 20%;
}

<ul>
  <li>This is the text</li>
</ul>

是否可以使用css根据背景颜色更改文本颜色？

就像在这张图片中一样

当文本从一个div(白色空间:nowrap)越过时,是否可以使用css或jquery/javascript更改文本颜色？

谢谢

我正在尝试使用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/

正如您所看到的,它将文本置于填充部分或空白部分中心,但不尊重所有内容.

您有任何想法或建议吗？