文本在添加空白空格后在bootsrap中进入div之外

Question

我有一个div，它将显示多行文本字段中的内容

<div class="col-sm-12">
      <span class="description ng-binding">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
         Nam porttitor varius tortor..
      </span>           
</div>

description div有时需要显示多行文本。但是它在一行中显示内容，而忽略了下一行（新行）。所以我添加了以下CSS

.description {
    white-space: pre;
}

添加后，它以多行显示。但是现在的问题是，如果行很大，那么它会在父div之外，而不是在div内。

我尝试按照建议的here添加以下CSS，但这没用

.description {
    white-space: pre;
    max-width: 98%;
    text-overflow: ellipsis;
    word-break: break-word;
}

我想念什么？

Answer 1

我将css从white-space:pre更改为white-space:pre-wrap，并且有效

.description{
    white-space: pre;
}