变量父div中的中心固定宽度div div

我有一个问题，我无法解决。我想在父宽度为80％（但也可能是90％或100％）的父div中自动居中多个150x150px的div。我有一个同位素JQuery附加，工作正常，但当我放大我的导航窗口时，子div不会移动，此外，他们不居中居住“（上面的菜单工作正常）。变量父div中的中心固定宽度div div

下面是HTML代码：

<div class="portfolioContainer"> 
    <div id="marque" class="interieur"> 
    <p class="categorie"><a href="http://www.arper.it" target="_blank"> 
    <img src="images/logo_arper_140_Noir.jpg" width="100" height="33"></a><br> 
    <span class="txt">ARPER</span><br> 
    MOBILIER</p> 
    </div> 
    <div id="marque" class="interieur exterieur"> 
    <p class="categorie"><a href="http://www.b-line.it" target="_blank"> 
    <img src="images/logo_bline_140_Noir.jpg" width="140"></a><br> 
    <span class="txt">B-LINE</span><br> 
    MOBILIER</p> 
    </div> 
    <div id="marque" class="audio ipod"> 
    <p class="categorie"><a href="http://www.bowers-wilkins.fr" target="_blank"> 
    <img src="images/logo_BW_140_Noir.jpg" width="80" height="33"></a><br> 
    <span class="txt">BOWERS &amp; WILKINS</span><br> 
    AUDIO</p> 
    </div> 
    <div id="marque" class="audio"> 
    <p class="categorie"><a href="http://www.clearaudio.de" target="_blank"> 
    <img src="images/logo_clearaudio_140_Noir.jpg" width="80" height="74"></a><br> 
    <span class="txt">CLEARAUDIO</span><br> 
    PLATINES VINYLE</p> 
    </div> 
</div>

和CSS：

#container { 
width:80%; 
padding-top:50px; 
position:relative; 
margin: auto; 
text-align:center; 
} 

p { 
width:150px; 
margin:0; 
padding:0; 
position:absolute; 
bottom:20px; 
text-align:center; /* centrage horizontal */ 
} 

img { 
padding-top:5px; 
padding-bottom:10px; 
} 

#marque { 
position:relative; 
width: 150px; 
height: 150px; 
margin:2px; 
float:left; 
border: solid 1px #333; 
text-align:center; 
}

页可以在这个地址找到看到整个HTML/CSS代码： www.pixsix.fr/marques.html

来源

2013-07-23 Gildas Bizeul

如果你的问题解决了，通过点击绿色的勾 –

取代float: left至display: inline-block

测试：

#marque { 
position:relative; 
width: 150px; 
height: 150px; 
margin:2px; 
display: inline-block; 
border: solid 1px #333; 
text-align:center; 
}

来源

2013-07-23 21:29:01

也许1条评论在这里接受的答案：这不会在旧的浏览器工作（例如IE7），如果他们不知道内联块 – Asped

变量父div中的中心固定宽度div div

回答

相关问题