如何在Span中打破长字？（使用Twitter Bootstrap）

Question

我在我的网站上使用Twitter引导程序，而且我的跨度可能包含很长的字，我需要打破它。我用这个Css但不工作？什么问题？

.fidDivComment {
    white-space: pre-wrap;
    display: inline-block;
}

Answer 1

您需要将此内容添加到CSS中

span {
  -ms-word-break: break-all;
  word-break: break-all;

  /* Non standard for webkit */
  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

请参阅this article以获取解释。

Answer 2

问题陈述：

  

（使用Twitter Bootstrap）

所以引导修复是这样的：@include hyphens;这个bootstrap开箱即用mixin将添加word-wrap: break-word; 这个mixin存在于这条道路下：

/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss