Html 如何做到这一点：需要使用断开所有和行应断开连字符？

当前，请使用下面的代码，保持div宽度固定，并且由于break all而导致换行

.Test{
float: left;
margin-bottom: 2px;
word-wrap:break-word; 
word-break: break-all;
}

---

但是，每当遇到文本中的连字符时，我就需要断线，保持div的宽度不变，这样布局就不会受到干扰。有人能帮忙吗？

我已经从IDE生成了一些文本，作为示例。最重要的部分是使用JQUERY的样式表和JAVASCRIPT

样式表

    .wbr:after {
        content: "\a";
        white-space: pre;
    }

内容

JAVASCRIPT

    $(function() {
        $('p').each(function() {
            $(this).html($(this).html().replace(/sed/, '<span style="color: red; text-shadow: 0 0 3px; font-size: 18px" class="wbr">sed</span>'));
        });
    });

---

请显示一个实际的例子，与HTML和CSS设置，使宽度固定。还指定是否确实希望在每个连字符后换行。

    $(function() {
        $('p').each(function() {
            $(this).html($(this).html().replace(/sed/, '<span style="color: red; text-shadow: 0 0 3px; font-size: 18px" class="wbr">sed</span>'));
        });
    });