html - 親に関係なく、DIV を強制的にテキストを折り返す

Question

だから私はdiv固定テーブルに埋もれています。私はいくつかword-wrapの msic CSStdとdiv要素を持っています。ただし、 child に到達すると、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 スクリーンショットです。