コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS の空白属性がスペースの問題を引き起こしました -- 16 進数を見ると、2020 が c2a0_html/css_WEB-ITnose になっていることがわかりました

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

WBOY
リリース： 2016-06-24 11:42:53
オリジナル
1383 人が閲覧しました

个 一 今日、奇妙な問題を見つけました。テキスト エディタ (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属性を追加すると、上記の問題は簡単に解決されます。
関連ラベル：
css的white-space属性导致了空格问题--查看十六进制发现2020变成了c2a0
ソース：php.cn
前の記事：CSS アンチエイリアス font-smoothing_html/css_WEB-ITnose 次の記事：Atitit.ui コントロール - ドロップダウン メニュー選択コントロールの実装 select html_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2168
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2320
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1953
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1832
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1882
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート