与不间断空格相反的 HTML答案

【问题标题】：HTML opposite of non-breaking space与不间断空格相反的 HTML
【发布时间】：2013-01-14 22:24:35
【问题描述】：

在我的 HTML 中，我有一个很长的单词，并且我试图仅在没有足够空间时强制使用特定的断点。我需要的是一种打破条件的占位符。我怎样才能做到这一点？

【问题讨论】：

标签： html css

【解决方案1】：

也许 Unicode 零宽度空间会有所帮助：http://www.fileformat.info/info/unicode/char/200b/index.htm

HTML 实体是 &#8203; 例如 over&#8203;flow 只会在完整的单词不适合时打破“over”和“flow”之间的单词。

【讨论】：

完美！我什至不知道有这样的事情。
为了保存所有链接，HTML实体是

【解决方案2】：

标签<wbr>（用于Word BReak）会做你想做的事。

【讨论】：

您发布了两个不同的答案？你不应该把它们合二为一吗？我很确定它们都有效。
@JuanMendes：我认为 SO 的偏好是将单独的答案分开。
@NedBatchelder 我明白了...meta.stackexchange.com/questions/25209/…
软连字符还有&shy;

【解决方案3】：

我将发布另一个替代方案，因为这是我第一次发现这个问题时真正想要的。

您应该使用Soft hyphen 而不是Zero-width space。

来自Soft hyphen：

软连字符或音节连字符，缩写为SHY，是一些编码字符集中保留的一个码位，目的是通过插入可见的连字符来跨行分隔单词。

另外，将其与“零宽度空间”进行比较，来自Soft hyphen：

它用作一个不可见标记，用于指定文本中的位置在不强制换行的情况下，允许使用连字符分隔符不方便的地方，如果文本重新排列。它只变得可见在行尾换行之后。软连字符的 Unicode 语义和 HTML 实现 在很多方面类似于 Unicode 的零宽度空间，软连字符除外不时将保留两边字符的字距可见。另一方面，零宽度空间不会，因为它是即使不渲染也被视为可见字符，因此具有自己的字距调整指标。

您还可以查看 wikipedia 文章，其中包含在窗口调整大小时更改的示例文本。

【讨论】：

【解决方案4】：

br 的反义词：

<nobr>   </nobr>

问候

【讨论】：

【解决方案5】：

Microsoft CSS 规则“word-wrap:word-break”应该做你想做的事情，并且大多数旧浏览器都支持

https://developer.mozilla.org/en-US/docs/CSS/word-wrap

http://msdn.microsoft.com/en-us/library/ie/ms531186(v=vs.85).aspx

现在还有一个 WC3 版本 - “overflow-wrap:break-word;”正如您在规范中所读到的“出于遗留原因，UA 必须将‘word-wrap’视为‘overflow-wrap’属性的替代名称，就好像它是‘overflow-wrap’的简写一样。” - 所以你可能想测试你的浏览器集是否真的实现了这个。

http://www.w3.org/TR/css3-text/#overflow-wrap

http://caniuse.com/#search=overflow-wrap

你总是可以安全地使用它并使用两者

p.breaklongwords {
    word-wrap:word-break;
    overflow-wrap:break-word;
}

【讨论】：

我最初尝试了word-wrap:word-break，但它对我来说效果不够好。我也会尝试使用overflow-wrap。
@Andrew 那是因为您想指定可能发生中断的确切点吗？
这就是引发这个问题的原因，但这并不是它最初不起作用的原因。我在移动响应式布局中遇到问题，其中长字会强制布局的宽度离开屏幕，设置自动换行确实会导致单词换行，但宽度仍然被强制太宽。添加物理空间解决了这个问题，但我更喜欢使用“零宽度空间”字符。
您是否尝试过将 overflow:hidden 也应用到内容框，这样它就不会溢出——每当我认为将这样的内容硬编码到内容中是唯一的出路时，我都会暂停...
是的，我也试过了。花了半天时间把我的头发拉出来=/