- 白 - SPAC制御CSSプロパティの変更や空白治療:戦闘へのWebフロントエンドエントリー

免責事項:この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
このリンク: https://blog.csdn.net/wewfdf/article/details/102691611

この記事では、ホワイトスペースのCSSプロパティが空白改行やプロセス制御であると述べました。私は、このプロパティの病気であるために使用される、今日は次を熟考書き留めることにしました、覚えていません。

プロパティ値

ノーマル

デフォルト値は、通常の改行、空白や改行は、ブラウザによって無視されます。それは何を意味するのでしょうか?

通常の平均値をラップし、次の単語は、現在の行でshowの残りの部分を完了するのに十分な長すぎるではない場合、通常は単語の間、折り返されます、次の行が表示されます。どのような状況では、それの単語と見なされますか?

一言で
英語の単語

// 这是两个单词
Tusi Blog
// 这只算一个单词
TusiBlog

シーケンシャル数字や記号だけでワードカウント

// 这只算一个单词,如果超长也不会换行,会挤出横向滚动条
10000000000000000000000+2000000000000000000*200000000000000

空白や改行は、ブラウザによって無視されます。あなたの入力はスペースのみの効果を示すために、継続的なスペースであり、ノックが入力した場合、それが折り返されません。

<!-- 代码 -->
<div>00000000                  00000000000000000></div>
<!-- 实际效果 -->
00000000 00000000000000000

HTMLでの事前のタグと同様の挙動。事前には、一般的にラベルソースをラップするために使用されます。

これは、テキスト内の改行は、(入力ノック)場合を除き(あなたがコードを書くとき、何のキャリッジリターンがそれをラップしていないだろう、それについて考える?)、ラップやBRタグを使用しません。

ホワイトスペースは、ブラウザを予約されています。連続するスペースが保存されることを意味し、それを1つにマージされません。

NOWRAP

  • 、ラップされていないより多くのコンテンツをラップしません。
  • ラインフィード無視し、キャリッジリターンは、それがこれまでにBRタグに遭遇するまでそれがラップしないことを意味します。

前のラップ

  • 通常のラップ
  • 連続した空白は保持されます
  • 改行(キャリッジリターン)も有効です

前行

  • 通常のラップ
  • 連続空白を1つに統合されます
  • 改行(キャリッジリターン)も有効です

受け継ぎます

ホワイトスペースのプロパティ値の親要素を継承

あなたと学習方法のいくつかを共有するために、六年目のプログラミング、戦闘開発が細部に注意を払う必要があります。767-273-102秋のドレス。ゼロベースのフロントエンドから起動する方法を学習します。前任者は誇らしげにプログラミングの世界に転送する方法を確認するには!常に私は、Webフロントエンドを学びたいと思っていたが、最新のチュートリアルや学習方法(ルートを学習するためのWebフロントエンドシステム、詳細なフロントエンドプロジェクトの戦闘教育ビデオ)で更新、または変更するジョブ、または大学生だけでなく、仕事のスキルをアップグレードしたいです、小さなパートナーを検討しているの参加を歓迎します。私たちは一緒に歩いていく先端の先端

概要

あなたは、いくつかの観点から、これらの属性値の違いを比較することができます。

通常のラップ 連続した空白をマージするかどうか 改行は有効です
ノーマル それはあります それはあります ノー
ノー ノー それはあります
NOWRAP ノー それはあります ノー
前のラップ それはあります ノー それはあります
前行 それはあります それはあります それはあります

おすすめ

転載: blog.csdn.net/wewfdf/article/details/102691611