1

こんにちは、CSS にちょっとした問題があります。私はメインの div を持っており、その中に div があり、小さな画面で開くと div が互いの下に表示されるはずだと思います..私の問題は、コンピューター画面ではウィンドウの中央に表示されることです.しかし、最初のdivが次の行に「ジャンプ」するようにウィンドウのサイズを変更すると、センタリングが消えて再び左側にくっついたように見えます.....助けてください...divを常に中心になる！

js フィドル: jsfiddle.net/VCk2x/

4

3 に答える 3

0

これはあなたが望むことをするように見える例です:

HTML :

<ul class="int">
<li><div class="pic">boite 1</div></li>
<li><div class="pic">boite 2</div></li>
<li><div class="pic">boite 3</div></li>
<li><div class="pic">boite 4</div></li>
<li><div class="pic">boite 5</div></li>
<li><div class="pic">boite 6</div></li>
<li><div class="pic">boite 7</div></li>
<li><div class="pic">boite 8</div></li>
</ul>

CSS:

div.pic {
    display:table-cell;
    width: 250px;
    height: 180px;
    background: #ff9933;
    margin:0;
    padding: 6px 6px 6px 6px;
    border-style: dashed;
    border-width: medium;
    border-color: green;
    text-align: center;
    vertical-align:middle;
}

ul.int {
    padding:0;
    list-style-type:none;
    margin:4% auto ;
    text-align: center;
}

ul.int li {
    margin: 12px 12px 12px 12px;
    display:-moz-inline-stack;
    display:inline-block;
    vertical-align:middle; 
}

ul.int.droite {direction:rtl;}

ここにjsfiddleがあります：http://jsfiddle.net/CMUjT/

于 2013-03-13T13:48:38.157 に答える