Question

目前我正在发布自动换行：break-all;在IE 11中，IE 9（已测试）。自动换行：如果段落包含冗长的单词，则break-all正常工作，例如http://jsfiddle.net/Midhun52/Jb26N/。

<table style="width:40px" class="t">
    <tr>
        <td> </td>
        <td class="r">
            <div style="width:100%">
            <p>abcd abcd yyyyyyyyyyyyyyyyyyyyyyyyyy abcd
               </p>
            </div>

        </td>
    </tr>

</table>

但是如果冗长的单词由'''，'：'等字符组成，则word-wrap：break-all不会像示例http://jsfiddle.net/Midhun52/3Jyt4/中那样工作。

<table style="width:40px" class="t">
        <tr>
            <td> </td>
            <td class="r">
                <div style="width:100%">
                <p>abcd abcd yyyyyyyyyyyyyyyyyyyyyyyyyy ''''''''''''''''''''''''''''''''''''''''''''''abcd
                   </p>
                </div>

            </td>
        </tr>

    </table>

请告诉我这背后的原因是什么？解决这个问题的方法是什么？

Answer 1

我认为这是因为（根据w3c）break-all属性应该只会破坏字母或数字。

Answer 2

如果你真的希望像''''''''''''''''''''''''''''''''''''''''''''''这样的字符串在任何时候都可以破解，你需要在那里插入（不知何故，也许是用JavaScript）任意两个字符之间的换行机会。这可以是<wbr>或。在正常情况下，一串特殊字符可能有一些允许的断点。

自动换行：在IE中，break-all无法正常工作

2 个答案: