我有一个页面，我们正在即时将其翻译成德语。页面上有一组三个单选按钮，水平排列。在英语中，它们显示得很好，但在德语中，标签文本在右侧的按钮/标签之上分层。由于文本只是德语中的一个（长！）单词，因此不会进行换行。任何不会影响英语演示的修复建议（即，当英文文本换行时看起来很糟糕的非常大的边距)? 截图如下：
问问题
210 次
3 回答
1
使用软连字符( ­)。它将允许换行，显示连字符；但未显示其他内容。您的 CSS 显然允许换行（如在其他标签中所见） - 让它为您工作。例如
Super­cali­fragi­listic­expi­ali­docious
将能够呈现为
Supercalifragilistic-
expialidocious
于 2012-05-16T14:24:06.800 回答
1
您是否尝试将 CSSword-wrap属性设置break-word为单选按钮？
于 2012-05-16T14:25:06.193 回答
1
最好的解决方案是将替代（单选按钮及其标签）放在自己的一行上。这有利于可用性和可访问性，它解决了手头的问题。省事，省空间。
如果这不可行，请应用 Amadan 建议的方法，但要动态地应用。有多种方法可以在服务器端或客户端动态插入软连字符。查看客户端连字符的演示，它甚至适用于混合语言内容（改变浏览器窗口宽度以查看效果）。该演示使用Hyphenator.js。
于 2012-05-16T16:01:16.163 回答