在jumbotron类中自动调整非常长的文本

Question

我有很长的字符串（e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855和类似的）需要在col-md-8 jumbotron类的bootstrap 3中显示。问题是字符串的最后几个字符在jumbotron框之外。

css中没有任何内容被更改，bootstrap被用作开箱即用...

我的问题是，如何使这个文本（可能更长）适合在jumbotron框内？

Answer 1

最好的方法是使用word-break属性并将单词换行包含在两行中：

p.whatever {
    word-break: break-all;
}

如果您需要，这些是供应商前缀：

-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;