Word Break＆Display：Inline Do not Work

Question

This Lorem ipsum文本走出了div，无论我尝试了什么，我都无法使它合适。它也不会换行。

顺便说一下，我使用的是铬。

我该如何实现这种自动换行？

<div class="row"> 
    <div class="col-md-12" style="word-break: break-all; display: inline-block; overflow: hidden "> 
    <div> Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsumLorem ipsum lorem ipsumLorem ipsum lorem ipsumLorem ipsum lorem ipsum </div> 
    </div> 
</div> 

我将它作为一行放置在Bootstrap下拉菜单中。

编辑：line-break: strict;也不起作用。无论是做text-overflow: ellipsis; width: 150px; white-space: nowrap;

Answer 1

它造成的，因为它是引导下拉：

这里是解决方案： style="word-wrap: break-word; white-space: normal;"