2

ここで問題に直面しています。韓国語の 10 進 Unicode のテキストがあり、テキストが 4 列と多くの行で表示されます (言語テストの回答であるため)。問題は、各回答の幅が 20% であるため、文が収まらない場合、単語間のスペースではなく、単語の途中で文がランダムに分割されることです。このテキストはデータベースから自動的に読み込まれて表示されるため、これをどのように扱うかわかりません。

4 つの列のそれぞれの HTML コードは次のようになります。

<table class="courses" border="0" cellpadding="2" cellspacing="2" width="100%" style="font-size:13px;">
  <tbody>
    <td width="20%">
     <p align="center">
       <input name="a[X]" value=1" type="radio">
       <br>
       <?php echo "&#48148;&#49240;&#47732; &#44032;&#51648; &#47560;&#49464;&#50836;" ?> // this comes from a DB, its the unicodes of the korean characters<br>
    </p>
   </td>
</tbody>
</table>

これを修正するにはどうすればよいですか。収まらない場合は、ランダムに分割するのを避けますが、文が終了したときにそれを行いますか? Unicode コードに気付いた場合、;면 가 の間にスペースがあることがわかりますが、すべてのテキストで同じように、どこでも壊れています。

(エンコーディングの問題がないことに注意してください。韓国語の文字は適切に表示されます。また、スウェーデン語やスペイン語などの他の言語では発生しません)。

編集

これが実際の例です。

この例では、単語が 5 文字の場合、最初の回答は最後の 2 文字で分割されるため、3 文字前で分割する必要があることに注意してください。

4

7 に答える 7

5

Web 標準の現在の状態を考えると、CJK (中国語/日本語/韓国語) テキストの改行は非常に問題になる可能性があります。

言語に依存しない方法でできることはあまりありません。CSS レベル 3 では関連する属性(line-breakおよびword-break) が定義されていますが、最新のブラウザー全体でサポート レベルがどの程度かはよくわかりません (明らかに、あまり最新ではないブラウザーは完全に把握できていません)。

于 2013-01-22T14:47:34.607 に答える
3

とにかく韓国語はどこにでも分割できるので、それは実際には問題ではありません。Chosun.comからのこのスクリーンショットを参照してください：

ここに画像の説明を入力してください

言葉はどこでも、一見ランダムにカットされます。ハイフンについて心配する必要はありません。

于 2013-01-22T14:23:09.047 に答える
0

のデフォルトの動作に遭遇しているようですwhite-space。CSSwhite-spaceプロパティを見て、次のようなことを試すことができますpre。

于 2013-01-22T12:36:52.553 に答える
0

word-break: keep-all;私のためにそれを修正しました。ユーザーが特に韓国語でサイトを表示している場合、これを追加しました。

word-break: keep-all;-> 「中国語/日本語/韓国語 (CJK) のテキストには単語区切りを使用しないでください。CJK 以外のテキストの動作は、値 'normal' と同じです」( https://www.w3schools.com/cssref/css3_pr_word-break .asp )

于 2018-07-13T18:38:43.467 に答える
0

私は同じ問題に直面しています。最善の解決策は、各単語をスパンでラップすることだと思いますwhite-space: nowrap;。これにより、単語内で改行が発生しないようになります。

概念実証については、この JSFiddle を参照してください: http://jsfiddle.net/we7jx08r/。body の幅を変更すると、改行が常に正しいことがわかります。

ブラウザーのサポート (IE5.5+、FF1+、Safari 1+)については、 http: //css-tricks.com/almanac/properties/w/whitespace/を参照してください。white-space: nowrap

于 2014-08-29T10:09:56.300 に答える