その場でドイツ語に翻訳しているページがあります。ページには、水平に配置された 3 つのラジオ ボタンのセットがあります。英語では問題なく表示されますが、ドイツ語では、ラベル テキストがボタン/ラベルの右側に重なって表示されます。テキストはドイツ語の 1 つの (長い!) 単語にすぎないため、折り返しは機能しません。英語の表示に影響を与えない修正の提案 (つまり、英語のテキストが折り返されたときに見栄えが悪くなる非常に大きな余白) )? 以下のスクリーンショット:
問題のスクリーンショット http://img13.imageshack.us/img13/2604/germantext.png
最良の解決策は、代替 (ラジオ ボタンとそのラベル) を独自の行に配置することです。これは使いやすさとアクセシビリティに優れており、当面の問題を解決します。スペースではなく、トラブルを節約します。
それが実現可能と見なされない場合は、Amadan が提案するアプローチを動的に適用します。サーバー側またはクライアント側で、ソフトハイフンをその場で挿入するさまざまな方法があります。クライアント側のハイフネーションのデモを確認してください。これは、混合言語のコンテンツでも機能します (効果を確認するには、ブラウザー ウィンドウの幅を変えてください)。デモではHyphenator.jsを使用します。
ソフトハイフン( )を使用します­。改行を許可し、ハイフンを表示します。ただし、それ以外の場合は表示されません。あなたの CSS は明らかに行の折り返しを許可しています (他のラベルに見られるように)。例えば
Super­cali­fragi­listic­expi­ali­docious
のようにレンダリングできるようになります
Supercalifragilistic-
expialidocious