强制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;，我会得到包装的内容，但它会在word中断开。

不管父块、换行符、换行符等等，我不能为正常的换行文本重写子div吗？

这是Chrome的CSS截图：

​

Answer 1

已解决。这最终是从highlight.js插件添加的<pre>标签。