CSS のinline
と の値の違いは正確には何でしょうか?inline-block
display
ベストアンサー1
視覚的な答え
<span>
の中にある要素を想像してください<div>
。例えば、要素の高さを100pxにして赤い枠線を付けると<span>
、次のようになります。
表示: インライン
表示: インラインブロック
表示ブロック
コード:http://jsfiddle.net/Mta2b/
要素は要素display:inline-block
に似ていますが、幅と高さdisplay:inline
を持つことができます。つまり、インライン ブロック要素をテキストや他の要素内に流し込むブロックとして使用できます。
サポートされているスタイルの違いの概要:
- インライン:のみ
margin-left
、、、margin-right
padding-left
padding-right
- インラインブロック:
margin
、、、padding
height
width