CSS：強制包裝字

Question

我試圖創建一個Symfony bundle讀取日誌文件並將其轉換爲更優雅的頁面，但我遇到了一些未包裝到div中的文本的問題，儘管我已經使用過word-wrap : break-word;：
我的代碼：

<div class="card-stacked"> 
       <div class="card-content"> 
        <div style="word-wrap : break-word;">{{ log.description }}</div> 
       </div> 
      </div> 

這是resut我得到：
我怎樣才能解決這個問題，請！

Answer 1

添加此css代碼「word-wrap：break-word！important; word-break：break-all！important;」

<div class="card-stacked"> 
        <div class="card-content"> 
         <div style="word-wrap: break-word !important; word-break:break-all !important;">{{ log.description }}</div> 
        </div> 
       </div>