自举列不响应之后过长自动换行

Question

自举列不被实施自动换行后响应：打破字;

我使用的CDN引导。

我实现它来描述文本溢出出列停止，但有很多额外的空白。以说明文字出结果列响应。

<div class="row">
    <div class="col-md-9 theborder stopoverflow">
        Description:
     {{event.description | safe}}
    </div>

这里是我的CSS：

.stopoverflow {
    word-wrap: break-word;
}

Image of the issue

谢谢您的帮助！

Answer 1

用“字突破：突破 - 所有;”而不是“自动换行：打破字”

字断：盈亏都不管它是一个连续的字或词很多，盈亏全部的宽度极限的边缘甚至在同一个字的字符，以便将

自动换行：打破字这将换长字到下一行。打破字调整不同的话，使他们不会在中间断裂。

检查详细信息：https://www.w3.org/TR/css-text-3/#overflow-wrap-property

div {
  border: 1px solid ;
   width: 300px;
}

span {
  background-color: gray;
}

.break-all {
  word-break:break-all;
 }
.break-word {
  word-wrap:break-word;  
}

<b>word-break:break-all</b>
<div class="break-all">
 DASDSD <span>ASDASDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
  </span> 
</div>
<br>
<b> word-wrap:break-word</b>

<div class="break-word">
  DASDSD <span>ASDASDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
  </span> 
</div>