インラインブロック要素 - の要素

インラインブロック要素 - の要素

インラインブロック要素(インラインブロックもインライン要素、ブロック要素の特性を有している、コードがdisplay:inline-blockインライン要素ブロック要素に設定されています。(新CSS2.1)、<IMG>、<INPUT > タグは、インラインブロックタグです。

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

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

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

例:デフォルトの時間は、インライン要素インライン要素が設定されていない、ワイド及び高いの。

<!HTMLをDOCTYPE > 
< HTML > 
< ヘッド> 
< メタHTTP-当量= "タイプ-コンテンツ" コンテンツ; = "テキスト/ GB2312 HTMLのcharset ="  /> 
< タイトル>ブロック要素と</ タイトル> 
< スタイルタイプ= "テキスト/ CSS" > 
A { 
    表示インラインブロック; 20ピクセル; / * デフォルトの幅は動作しません* / 
    高さ20ピクセル;/ * 高さは、デフォルトでは動作しません* /
    背景ピンク; / * ピンクに背景色を設定* / 
    テキストALIGN =左センター;  / * 設定中心テキスト* / 
} 
</ スタイル> 
</ ヘッド> 
< ボディ> 
< A > 1 </ A > 
< A >を 2 </ A > 
< A > 3 </ A > 
< A > 4 </ A > 
</ ボディ>
</HTML >

 

おすすめ

転載: www.cnblogs.com/iBoundary/p/11433579.html