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