HTML与不间断空格相反

HTML与不间断空格相反,html,css,Html,Css,在我的HTML中,我有一个很长的单词,我试图在没有足够空间的情况下强制一个特定的断点。我需要的是一种条件中断占位符。如何实现这类功能?标签(用于分词)可以满足您的需要。Unicode零宽度空间可能有助于: HTML实体是​例如。 over​;flow仅当完整单词不适合时,才会在“over”和“flow”之间打断单词。Microsoft CSS规则“word wrap:word break”应该满足您的需要,并且大多数旧浏览器都支持它 现在还有一个WC3版本——“overf

在我的HTML中,我有一个很长的单词,我试图在没有足够空间的情况下强制一个特定的断点。我需要的是一种条件中断占位符。如何实现这类功能?

标签
(用于分词)可以满足您的需要。

Unicode零宽度空间可能有助于:

HTML实体是
例如。
over​;flow
仅当完整单词不适合时,才会在“over”和“flow”之间打断单词。

Microsoft CSS规则“word wrap:word break”应该满足您的需要,并且大多数旧浏览器都支持它

现在还有一个WC3版本——“overflow wrap:break word;”,正如您在规范中看到的“出于遗留原因,UAs必须将“word wrap”作为“overflow wrap”属性的替代名称,就像它是“overflow wrap”的简写一样。”—因此,您可能需要测试您的浏览器集是否真正实现了这一点

你总是可以安全地使用这两种方法

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

我将发布另一个备选方案,因为这正是我第一次发现这个问题时所寻找的

你应该用a代替

发件人:

软连字符音节连字符,缩写为SHY,是某些编码字符集中保留的代码点,用于 通过插入可见的连字符将单词跨行打断

此外,要将其与“零宽度空间”进行比较,请参见:

它用作不可见标记,用于指定文本中 允许使用带连字符的换行符,而不强制在 如果文本重新流动,则放置不方便。它只会变得可见 在行尾换行之后。软连字符的Unicode 语义和HTML实现在许多方面与 Unicode的零宽度空间,除了软连字符 将保留两侧字符的紧排(如果没有) 可见。另一方面,零宽度空间不会像现在这样 被认为是一个可见的字符,即使没有渲染,因此有其 自己的紧排度量

您还可以查看wikipedia文章,其中的示例文本在窗口调整大小时会发生变化。

与br相反:

<nobr>   </nobr>


关于

您发布了两个不同的答案?你不应该把它们合在一起吗?我很确定它们都能起作用。@JuanMendes:我认为SO的首选是将答案分开。@Nedbatcheld我明白了。。。还有
­
对于软连字符,我最初尝试了
word wrap:word break
,但对我来说效果不够好。我还将尝试使用
overflow wrap
@Andrew,这是因为您想指定可能发生中断的确切点吗?这就是引发此问题的原因,但这不是它最初不起作用的原因。我在一个移动响应布局中遇到了一些问题,其中长单词会迫使布局的宽度离开屏幕,设置单词换行确实会导致单词换行,但宽度仍然被强制过宽。添加一个物理空间解决了这个问题,但我更喜欢使用“零宽度空间”字符。您是否也尝试过将溢出:隐藏到内容框中,这样它就不会溢出--每当我认为将这样的内容硬编码到内容中是唯一的出路时,我都会点击暂停…是的,我也尝试过。我花了半天的时间来解决这个问题!我甚至不知道有这样的东西。为了保存所有链接,HTML实体是​;