CSS の空白属性がスペースの問題を引き起こしました -- 16 進数を見ると、2020 が c2a0_html/css_WEB-ITnose になっていることがわかりました

个 一 今日、奇妙な問題を見つけました。テキスト エディタ (NotePad ++) から、EasyUI の TextBox テキスト ボックス (Textarea) にテキストを入力し、テキストの 16 進数を 2 回確認します。スペース部分が変更されていることがわかります。以下に示すように:

1. テキストコンテンツ 1: (元のテキストコンテンツ)

2. easyui テキストボックスに入力します:

3. テキストボックスから投稿します。

予備的な観察により、テキストの 2 つの段落がスペース内で変更されていることがわかり、さらにその 16 進数の内容が観察されます:

4. 元のテキストの 16 進数:

5. 貼り付けられたテキスト 10 の 16 進数:

明らかに、スペースは変更され、

c2a0

に変換されました

午前半日の比較の後、最終的に CSS 属性: ホワイトスペースを見つけました。w3c の説明を確認してください:

値の説明

通常

デフォルト。空白はブラウザによって無視されます。 pre 空白スペースはブラウザによって保存されます。 HTML の

 タグのように動作します。 

nowrap テキストは折り返されず、
タグが見つかるまで同じ行に続きます。 pre-wrap 空白シーケンスを保持しますが、通常どおりラップします。 pre-line 空白シーケンスを結合しますが、改行は保持します。 inherit 空白属性の値を親要素から継承することを指定します。 デフォルトは通常です。 textarea にwhite-space:pre-wrap属性を追加すると、上記の問題は簡単に解決されます。