问题标签 [wbr]

您如何解决网页上的软连字符问题？在文本中可能有很长的单词，您可能想用连字符换行。但是您不希望连字符显示整个单词是否在同一行。

根据这个页面 <wbr>的评论是一个非标准的“网景发明的标签汤”。似乎­ 在标准合规性方面也存在问题。似乎没有办法为所有浏览器找到可行的解决方案。

你处理软连字符的方式是什么，你为什么选择它？是否有首选解决方案或最佳实践？

我一直在表格的标题单元格中使用标签，因此我可以控制浏览器在哪里打断长词。这很好用，但它不兼容 XHTML。使用 wbr 标记的最佳替代方法是什么，即有效的 XHTML？例子：

我刚刚找到了<wbr>元素（链接），它基本上可以让特定的区域在需要时可以应用中断。

基本上我想在我的应用程序中实现它，以防止由于博客中包含太多字母或符号的评论而破坏布局。

问题是：它必须与 HTML 兼容，因此averylongmadeupandunnecesaryunspacedword可能会分隔每 25 个字符，但不会破坏链接<a href="http://www.google.com/search?hl=en&source=hp&q=averylongandunnecesarywordingoogle&aq=f&aql=&aqi=&oq=">link</a>。

我正在使用“Linkify”来添加指向静态文本的链接......这就是我正在使用的：

https://github.com/maranomynet/linkify/blob/master/1.0/jquery.linkify-1.0.js

我想<wbr>在 15 个字符之后添加一个（分词），…在 30 个左右之后添加一个...（如果链接小于 30 个字符，请不要添加...）

因此，链接将类似于：https://github.com/mara<wbr></wbr>nomynet/linkify&hellip;

我想我必须在那个 jquery.linkify-1.0.js 中使用 var "$2"，但是我对如何做有点困惑......

有什么线索吗？

谢谢！

想象一下，我在 DIV 中有一个长的、多字的文本行：

您好，亲爱的顾客。请查看我们的报价。

DIV 具有动态宽度。我想把上面的文字换行。目前，换行发生在最大化第一行长度的单词边界上：

我希望包装发生在句子边界上。但是，如果不需要包装，我希望这条线保持原样。

为了说明我的观点，请查看各种 DIV 宽度以及我希望我的文本如何换行：

对于单词，您可以使用软连字符，以便在建议的音节边界上自动换行。如果不需要包装，则­仍然是不可见的。如果需要包装，那­就是它发生的地方：

是否有类似的方法来提示 HTML 中的自动换行？

默认情况下，lxml 不理解 wbr 标签，用于在长词中添加分词。它将其<wbr></wbr>格式化为应该简单地格式化为<wbr>，类似于 br 标记。

如何将此行为添加到 lxml？

我遇到了一个奇怪的问题。

我们使用以下格式的客户银行预订交易 ID U123C123P123B123：.

测试预订后，我们使用“ctrl+c”从网上银行输出中复制了交易 ID（正确显示）文本。这个文本，再次输入我们的系统（通过粘贴 strg+v）无法处理，因为：

粘贴时，“ <wbr>”变成减号。减号不会显示在表单域中。但它会过去的。MySQL 无法处理带有那个奇怪减号的请求。

银行输出源代码如下：“ U123C123P123<wbr>B123”。

大多数软件（firefox、thunderbird、...）在粘贴后都会显示正确的 T-ID。某些编辑器（例如 notepad++、Dreamweaver）会显示粘贴的 T-ID，包括减号。喜欢：“ U123C123P123-B123”

如何删除这个愚蠢的减号？我已经尝试过使用 str_replace 和 strip_tags。

对不起我的英语。

我正在尝试为 youtube 评论制作 chrome 扩展，但是当我添加一些东西时，它会不断添加

标签，有什么办法可以在javascript中删除页面上的所有这些标签？

简而言之，这是糟糕的 Web 开发和 UX：

但是通过使用 CSS3 分词（代码和演示）来解决它可能会导致“尴尬的空白”情况和奇怪的截断 - 这是两者的示例：

也许这没什么大不了的，它的UX 视角就在这里，但让我们看一下其中一种解决方案的语义：

您可以...使用该<wbr>元素来指示可选的断词机会。这将告诉浏览器在必要时插入换行符以流到容器内的新行上。

第一个问题：是使用<wbr>语义HTML吗？（它至少会优雅地降级吗？）

在任何一种情况下，一般意义上的非语义似乎都是为良好的 UX 功能付出的小代价。

然而，第二个问题是关于大局的：

使用拆分电子邮件地址时是否需要考虑schema.org（微数据/RFDa）的影响？它在那里仍然有效吗？<wbr>

<wbr>当连字符的单词无法放入一行（或行）上剩余的空间时，我使用该标签强制 Firefox 换行，但根据quirksmode 网站， IE8 根本不尊重此标签。

我无法检查自己，但 IE8 会如何处理以下标记？假设列宽 200px，font-size 16px，连字号 can't fit 。

这是一张让事情更清晰的图像，显​​示了 FF 在有标签和没有<wbr>标签的情况下会发生什么。

我意识到 IE8 会忽略该标签，但它会像 Chrome 和 Safari 那样在连字符上换行吗？