CSSの研究ノート(c)のホワイトスペースと改行

空白

定義:ホワイトスペースは、スペース、タブ、改行を意味し、デフォルトではHTMLや空間に、すべての空白を遵守します

ホワイトスペース

空白:正常; //、空白をマージラップ
空白:NOWRAPを; //空白をマージし、ラップしない
空白をプリライン; // 空白(除く改行)をマージ、自動ラップ
空白:事前に; //は、空白をマージラップしていない
空白:事前NOWRAPを; //は空白をマージしていない、いないラップ

【注意】デフォルトのスタイルホワイトスペースで前の要素:事前;

 

テキストの折り返し

ワードラップ:長い単語やアドレス、URLを達成するために使用さラップ

ワードラップ:ノーマル; //ブラウザは半分だけのサイズとハイフンでラップ
ワードラップ:ブレークワードを; // 次の行の先頭からの長い言葉

[注]空白NOWRAPまたは事前に、ワードブレークとワードラップが無効であるときであります

ワードブレイク:処理ラップを決定するために使用される方法

単語ブレーク:ブレークのすべて; 
ワードブレイク:kepp-すべて;

テーブル

長いテーブルのセルのためのワードラップや単語ブレークを使用してテキスト、固定:テーブルレイアウトを設定する行を強制的に

 

擬似要素ラップ

  Unicode文字があり、改行の代わりに、特化した:0x000Aは、CSSで、「\ 000A」を書いて、それは「\のA」と略記することができます

  しかし、ブラウザ以来、空白をマージします。したがって、事前合併空白の使用を防止する必要があります

< スタイル> 
DT、DD { ディスプレイインライン} 
DD { マージン0 フォント重量太字; } 
DD + DT ::前{ 内容'\のA' 空白事前; } 
DD + DD ::前{ 内容'' フォント重量ノーマル; } 
</ スタイル> 
< DL > 
  < DT >姓名:</ DT > 
  < DD >小火柴</ DD > 
  < DT >邮箱:</ DT > 
  < DD > [email protected] </ DD > 
  < DD > [email protected] </ DD >   
</ DL >

 

 

 

おすすめ

転載: www.cnblogs.com/zhoulixue/p/11532742.html