CSS表示:インラインブロック

図1に示すように、表示:インラインブロック

要素は、属性「ブロック要素を」(あなたは幅と高さを設定することができます)。ただし、属性「インライン要素」(改行なし)を持ってみましょう。

2、インラインブロックにおけるIE

IE6は、このプロパティをサポートしていませんが、IE8は、このプロパティをサポートするために始めました。

インラインブロックプロパティとIE6のインライン要素をしてみましょう

缶;:IEので、インラインブロックがあればIE6集合{インラインブロックディスプレイ}として、レイアウトをトリガします。

インラインブロックプロパティでIE6ブロック要素ましょう、2つの方法があります

、最初のレイアウトをトリガすることができ、その後、インラインに設定し、これらの二つのディスプレイは、両方のCSS文で有効でなければならないことに留意すべき次のように、コードは次のとおりです。

div {
    width:400px;
    height:200px;
    display:inline-block;
}
div {
    display:inline;
}

B、インラインで直接設定され、その後、同様の効果を達成するために、ズームのレイアウトをトリガするために使用します。

div {
    width:400px;
    height:200px;
    *display:inline;
    *zoom:1;
}

3、他のブラウザ

他のブラウザでは、この属性をサポートしていますが、以前のバージョンでは、彼らの私有財産{表示:-​​moz-インラインボックスを}使用することができるため、このプロパティからのFirefox 3.0をサポートするために始めたと同様の効果を達成するために、だけでなく、3.0より前のバージョンを無視することができます(ブラウザのこれらのバージョンは、ほとんど使用されません)。

4、参照

ます。https://www.cnblogs.com/rainman/archive/2012/02/26/2368404.htmlで再現

おすすめ

転載: blog.csdn.net/weixin_33842328/article/details/93561301