1

div クラスの pic-container が他の 3 つのページの上部に配置されない理由がわかりません。

各子 div の幅は 25% です。

明らかな何かを見逃したような気がします..

例: http://tinkerbin.com/NS7vagaq

4

5 に答える 5

2

設定

.pic-container{
    font-size:0;
    }

にdisplay: inline;

つまり、次のとおりです。

.pic-container{
    font-size:0;
    display:inline;
    }

コードの構造を変更したため、上記が機能しなくなったため、代わりにこれを試してください。

<div class="pic_container">
    <img src="images/1.jpg">  
    <span class="viewer">  
        <img src="images/2.jpg">
        <img src="images/3.jpg">
    </span>
    <img src="images/4.jpg">
</div>

特別な CSS は必要ありません。

于 2013-02-28T03:32:50.687 に答える
0

浮かせることもできます。

.pic-container img { margin:0; padding: 0; float:left; }
于 2013-02-28T03:45:06.727 に答える
0

CSS を次のように変更します。

.pic-container{
    font-size:0;
    display: inline;
}

フィドル: http://tinkerbin.com/DH6nLkQO

于 2013-02-28T03:33:58.333 に答える
0

あなたの例では、他の 3 つとは別の DIV に 4 番目の identicon があります。DIV はブロック レベルの要素であるため、2 番目の「pic-container」div の識別子は他の要素の下に表示されます。

4 番目の identicon も最初の 3 つと同じ div コンテナーに移動すると、それらは整列します。

于 2013-02-28T03:31:22.280 に答える
0

div はブロック レベルの要素であるためです。インラインに変更して出来上がり。

div {
  display:inline;
}

http://tinkerbin.com/rz9WlaIg

于 2013-02-28T03:31:48.277 に答える