仅使用HTML/CSS在容器中填充文本而不打断word

在我的网页上，我使用fancybox预览弹出窗口中的描述文本部分。文本在桌面上显示得非常好，但在弹出窗口中显示类似的内容

请注意，我得到的用于显示的描述性文本包括

，每个空格用户为每个单词后面的句子提供

当我使用

单词break:break all是这样的


然后我用了
wordbreak:break-word也可以得到这个



你现在可以看出区别了，它打破了这个词，这显然是不可接受的。我想有意义地断句，而不是单词

问题是，我只能在这里使用HTML/CSS来解决这个问题，我在这里看到了很多que/An，但运气不好

请帮我解决这个问题

我已经创建了一个“请查看”功能，这可能有助于您更清楚地理解。
使用

它甚至可以在IE中使用。
使用

它甚至可以在IE中工作。
css“word break”属性有许多可能的值






第一个很好，但确实将“google”分解为“googlin-g”，第二个甚至拒绝这样做。
css“word break”属性有许多可能的值






第一个很好，但确实将“google”分解为“googlin-g”，第二个甚至拒绝这样做。
注意：如果您不想修改服务器端脚本，可以使用此JavaScript解决方案。我认为，如果不对服务器端代码进行任何修改以删除这些
&nbp

在这种情况下，您应该首先使用以下JavaScript代码将HTML特殊字符解码为简单文本

var text = $("<textarea/>").html('your HTML encoded text here with &nbsp; and all').text();
$('your viewing div/p selector').html(text);

它应该可以工作。
注意：如果不想修改服务器端脚本，可以使用此JavaScript解决方案。我认为，如果不对服务器端代码进行任何修改以删除这些
&nbp

在这种情况下，您应该首先使用以下JavaScript代码将HTML特殊字符解码为简单文本

var text = $("<textarea/>").html('your HTML encoded text here with &nbsp; and all').text();
$('your viewing div/p selector').html(text);

它应该可以工作。
您是否尝试过“wordwrap:break word；”，或者尝试过谷歌搜索其他多次。您说您尝试四处查看，但没有分享其他失败的内容，或者您是否尝试了任何其他分词值。
@Daniel Brose
正如您所看到的，我使用了该属性，但它不是我想要的。我不想不必要地破口大骂。我只是想把文本放在容器里。我可以用你的代码jsFiddle，这样我就可以很容易地找到答案吗？不，你没有-‘break word’不是‘break all’。此示例显示只有1个字符断开（谷歌搜索在“break word”中变成了谷歌搜索。请保持冷静。正如我说的，我使用了word wrap:break word；/*IE 5.5-7/空白：-moz-pre-wrap；/Firefox 1.0-2.0*/空白：pre-wrap；但问题是我得到的结果与图2中的结果相同，它打断了我不想要的单词。你试过“word wrap:break word；”，或尝试谷歌搜索其他多次。您说您尝试四处查看，但没有分享其他失败的内容，或者您是否尝试了任何其他分词值。
@Daniel Brose
正如您所见，我使用了该属性，但它不是我想要的。我不想不必要地分词。我只想将文本放在con中tainer.我可以用你的代码jsFiddle，这样我就可以很容易地找到答案吗？不，你没有-“break word”不是“break all”。这个例子显示只有1个字符是断开的（谷歌搜索在“断字”上变成了谷歌。请保持冷静。正如我说的，我使用了word-wrap:break-word；/*IE 5.5-7/空白：-moz-pre-wrap；/Firefox 1.0-2.0*/空白：pre-wrap；但问题是我得到了与图2中相同的结果，它断字了我不想要的内容。
@shashwat
非常感谢您的努力。！Although您已经用
jQuery
解决了这个问题，但这对我来说并不管用。@vivekkupadhyay因为用纯CSS无法解决诸如用其他东西替换某物之类的问题。在顶部添加了一个注释。
@shashwat
非常感谢您的努力。
jQuery
虽然解决了这个问题，但请不要介意为我工作。@vivekkupadhyay，因为用其他东西替换某些东西是纯CSS无法做到的。在顶部添加了一个注释。
var text = $("<textarea/>").html('your HTML encoded text here with &nbsp; and all').text();
$('your viewing div/p selector').html(text);

white-space: pre-wrap;