jquery - 将长的单个单词分成多行而不破坏链接或 html 标签

Question

我的页面上有以下行$(document).ready(function(){...}It is done in ASP.NET

$("#standard-styling").html($("#standard-styling").text().replace(/([^\s-]{5})(?=[^\s-])/g, '$1­'));

HTML：

<div id="standard-styling" class="description">
    <% Response.Write(Model.Description); %>
</div>

-<br>如果浏览器认为有必要则添加 a ，如果不需要则忽略它（http://www.quirksmode.org/oddsandends/wbr.html） ，它非常适合将长单词分成多行。但是，如果描述包含链接，则该链接不会显示为超链接。此外，如果有换行符<br /> 或其他标签，它们也很可能被破坏和忽略。最后，它会导致编码字符出现问题，例如<br />. 然后它被视为<br />并且确实在那里插入了一个换行符。

有没有更好的方法来解决这个问题？

Answer 1

使用 css：

#standard-styling {
   word-wrap: break-word;
}

或者使用 jQuery：

$("#standard-styling").css('word-wrap', 'break-word');

升级版：

jQuery 示例：http: //jsbin.com/ojoges/1/

CSS 示例：http: //jsbin.com/ojoges/