使用 CSS Hyphens Auto 阻止单词中断答案

【问题标题】：Stop words from breaking with CSS Hyphens Auto on使用 CSS Hyphens Auto 阻止单词中断
【发布时间】：2018-11-03 14:14:49
【问题描述】：

我有一个网站，我在其中使用连字符：自动功能来打破较长的单词。这一切都很好，但在某些地方它会破坏不应该被破坏的单词。例如团队成员的姓名。我怎样才能保持连字符功能，但排除一些单词破坏？因为它只发生在很少的几个词上，所以我可以单独编辑每个词。

有什么建议吗？

谢谢！

【问题讨论】：

请添加最小代码sn-p html和css
尝试使用不间断的连字符 ‑它就像

标签： html css wordpress web

【解决方案1】：

由于没有代码示例，我假设我理解正确。

我认为将这些词放入一个您相应样式的跨度中应该可以解决问题。

<div>
    <p>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>
        very long paragraph which doesn't end Edgar <span>TestingnamesonIdont'tknowwhatcanmakethispossiblyanylongerthanthiswhichIamdoingrightnow.</span>

    </p>
</div>

p{
    overflow-wrap: break-word;
    word-wrap: break-word;


    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

p span{

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

希望这有帮助！

【讨论】：