強制DIV包裹文本，不管父母如何

Question

所以我有一個div被埋在一個固定的表中。我在td和div元素上有一些word-wrap和其他msic CSS。然而，當我到我的孩子div，我想忽略所有的繼承和包裝我的文字沒有打破這個詞。

#row4 td > div, textarea{ 
    height: 100%; 
    width: 100%; 
    border: 1px solid #C8C8C8; 
    overflow: auto; 
    padding: 5px; 
    border-radius: 5px; 
    white-space: pre; /* needed for Chrome to maintain tabs, spaces, etc */ 
} 
#div_contents{ 
    display: inline-block; 
    white-space: normal; 
    word-wrap: normal; 
} 

。

<tr id="row4"> 
    <td> 
     <div id="div_search_results" class="results" ></div> 
    </td> 
    <td> 
     <div id="div_contents"></div> 
     <textarea id="ta_contents"></textarea> 
    </td> 
</tr> 

這會導致溢出並且不包裹我的內容。但是，如果我使用word-wrap: break-word;，我會得到封裝的內容，但它在單詞中打破。

無論父母塊，休息，包裹和其他什麼，我不能覆蓋我的孩子div正常包裝的文本？

下面是Chrome瀏覽器CSS截圖：

Answer 1

解決。這結束了<pre>標籤添加從highlight.js插件。