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