单词太长单选按钮

我有一页我们正在翻译成德语。在页面上是一组三个单选按钮，水平排列。在英语中，它们显示得很好，但是在德语中，标签文本在右侧的按钮/标签顶部分层显示。由于文本只有德文的一个（很长！）字，所以换行不会影响英语语言表达的任何修复建议（例如，英文文本换行时看起来很大的页边空白）？下面的截图：单词太长单选按钮

screenshot of problem http://img13.imageshack.us/img13/2604/germantext.png

来源

2012-05-16 shimmoril

您是否尝试过的单选按钮的CSS word-wrap属性设置为break-word？

来源

2012-05-16 14:25:06 vimist

完美！这正是我所需要的，我可以将它添加到现有的类规范中。我真的应该看看CSS3的东西，我猜:) – shimmoril

理想的，很高兴我可以帮助:) – vimist

声明'词包装：断词'真的打破了话语：它残酷地破坏任意点的字符串。这对德语和其他大多数语言来说绝对是不正确的。这与将英文单词“right”分解为“ri”和“ght”（不插入连字符）一样不正确。 –

使用soft hyphen（）。它将允许断行，显示连字符;但没有另行说明。你的CSS显然允许换行（如其他标签所示） - 让它为你工作。例如。

Super&shy;cali&shy;fragi&shy;listic&shy;expi&shy;ali&shy;docious

就能呈现像

Supercalifragilistic- 
expialidocious

来源

2012-05-16 14:24:06 Amadan

我会在未来的项目中记住这一点，但在这种情况下不起作用。正如我所提到的，我们正在进行翻译。我不知道这个词在德语中是什么，我没有能力进入并添加代码来分裂它。 – shimmoril

啊，错过了“在飞行中”。 – Amadan

最好的解决方案是将替代（单选按钮及其标签）放在自己的一条线上。这对可用性和可访问性很好，它解决了手头上的问题。省去麻烦，而不是空间。

如果这不被认为是可行的，请动用Amadan建议的方法。在飞行，服务器端或客户端插入软连字符有多种方式。查看一个demo of client-side hyphenation，即使对于混合语言内容也是如此（改变浏览器窗口宽度以查看效果）。演示使用Hyphenator.js。

来源

2012-05-16 16:01:16

是的，垂直与水平比较好，但我对布局没有任何控制。我将深入研究Hyphenator.js，但一目了然它不支持我们需要的所有语言，并且添加所有模式将是时间过于紧迫的。谢谢。 – shimmoril

@shimmoril，正确处理大多数语言（连字符）仍然比以严重破坏的方式处理所有语言（打破单词）要好。 –

如果它实际上是_most_语言，我会同意你的意见。在我们提供给用户的可能存在这个问题的语言（即明显长的单词）中，Hyphenator.js完全支持一种 - 德语。这留下了6-7种语言，根本没有任何解决方案。当文本超出这种字段大小时，它基本上是不可读的，因此不可用。为了将来的实施，我会将Hyphenator放在心上，但现在单词修复是我们产品唯一可行的解决方案。 – shimmoril

单词太长单选按钮

回答

相关问题