所以我有一个div埋在固定的桌子上。 我在tddiv元素上有一些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屏幕截图: 在此处输入图片说明

===============>>#1 票数:0

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

  ask by kenyu73 translate from so

未解决问题?本站智能推荐: