インライン、ブロックとインライン・ブロックとの違いは次のとおりです。CSS

 

ブロック

ブロックレベル要素の機能:

図1は、ブロックレベル要素のそれぞれは、新しい行を開始し、それ以降の要素は別々の行にもあります。(かなり強い、別の行にブロック要素)

2、高さ、幅、行の高さ、及び上部マージンと下部要素を設定することができます。

図3は、要素の幅が設けられていない場合には、設定された幅でない限り(同じ幅及び親要素)親コンテナ自体の100%です。

 

 

列をなして

インライン要素の特長:

図1に示すように、1本のライン上の他の要素。

図2に示すように、要素の高さ、幅、及び上下の余白が設けられていません。

図3は、要素の幅は、それがテキストを含むか、画像幅を変更できないということです。

 

 

インラインブロック

インラインブロック要素(インラインブロック)もインライン要素、ブロック要素の特性を有しています。

インラインブロック要素の特徴:

図1に示すように、1本のライン上の他の要素。

2、高さ、幅、行の高さ、及び上部マージンと下部要素を設定することができます。

 

 

 

---終わり---コンテンツを復元

--- ---復元コンテンツ始まります

ブロック

ブロックレベル要素の機能:

図1は、ブロックレベル要素のそれぞれは、新しい行を開始し、それ以降の要素は別々の行にもあります。(かなり強い、別の行にブロック要素)

2、高さ、幅、行の高さ、及び上部マージンと下部要素を設定することができます。

図3は、要素の幅が設けられていない場合には、設定された幅でない限り(同じ幅及び親要素)親コンテナ自体の100%です。

 

 

列をなして

インライン要素の特長:

図1に示すように、1本のライン上の他の要素。

図2に示すように、要素の高さ、幅、及び上下の余白が設けられていません。

図3は、要素の幅は、それがテキストを含むか、画像幅を変更できないということです。

 

 

インラインブロック

インラインブロック要素(インラインブロック)もインライン要素、ブロック要素の特性を有しています。

インラインブロック要素の特徴:

図1に示すように、1本のライン上の他の要素。

2、高さ、幅、行の高さ、及び上部マージンと下部要素を設定することができます。

 

おすすめ

転載: www.cnblogs.com/adongyo/p/11290826.html