单词太长按单选按钮

Question

我有一个页面，我们正在翻译成德语。在页面上是一组三个水平排列的单选按钮。在英语中，它们显示得很好，但在德语中，标签文本在右侧的按钮/标签上方分层。由于文本只是德语中的一个（长！）单词，因此包装不起作用。任何不会影响英语语言表达的修复建议（即，当英语文本包装时看起来很糟糕的非常大的页边距） ）？屏幕截图如下：

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

Answer 1

使用soft hyphen（­）。它将允许换行，显示连字符;但是没有另外显示。你的CSS显然允许换行（如其他标签所示） - 让它适合你。 E.g。

Super­cali­fragi­listic­expi­ali­docious

将能够呈现为

Supercalifragilistic-
expialidocious

Answer 2

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

Answer 3

最好的解决方案是将替代品（单选按钮及其标签）放在自己的一行上。这有利于可用性和可访问性，并且它解决了手头的问题。省事，而不是空间。

如果认为不可行，请采用Amadan建议的方法，但动态。有各种方法可以在运行中，服务器端或客户端插入软连字符。查看demo of client-side hyphenation，它甚至可以用于混合语言内容（改变浏览器窗口宽度以查看效果）。该演示使用Hyphenator.js。