如何在div中心顯示n個圖像數

我有一個div，裏面顯示圖像。我有1到5個圖像動態加載數據庫。所以沒有。的圖像不是固定的。無論數字如何，我都想將圖像放在div中間。請幫助!!!!!!!!如何在div中心顯示n個圖像數

<div class="sliderImg" style="width:975px; height:306px;text-align:center;"> 

       <img id="img1" runat="server" visible="false" width="195" height="306" alt="slider"> 

       <img id="img2" runat="server" visible="false" width="195" height="306" alt="slider"> 

       <img id="img3" runat="server" visible="false" width="195" height="306" alt="slider"> 

       <img id="img4" runat="server" visible="false" width="195" height="306" alt="slider"> 

       <img id="img4" runat="server" visible="false" width="195" height="306" alt="slider">  





        </div>

從後面的代碼我根據一些條件設置他們的知名度。

來源

2013-10-23 Saurabh Tiwari

你能給我一些代碼在jsffidle –

給我們的代碼，你到目前爲止 –

提供了一些代碼，以正確理解你的問題。 –

圖片內聯替換元素，所以不管有多少圖像輸出，只是一定要擁有div足夠寬（含至少5張），並設置text-align: center它

來源

2013-10-23 07:36:20 fcalderan

沒有代碼，你已經試了一下很難回答但是像下面可能是你在找什麼：

HTML：

<div> 
    <img src="http://placehold.it/150x150" /> 
    <img src="http://placehold.it/150x150" /> 
    <img src="http://placehold.it/150x150" /> 
</div>

CSS：

div { 
text-align: center; 
width: 100%: 
}

來源

2013-10-23 07:36:35

這是自定義div容器中垂直和水平居中元素的示例。

HTML：

<div class="images"> 
    <!-- images --> 
    <img src="#" /> 
    <img src="#" /> 
    <img src="#" /> 
</div>

CSS：

.images 
{ 
    /* centering image */ 
    text-align: center; 

    /* container size */ 
    display: block; 
    height: 100px; 
    line-height: 100px; 
    width: 100%; 

    /* reset 'paddings' */ 
    font-size: 0; 

    /* for example */ 
    background: #f8f8f8; 
} 

.images img 
{ 
    /* for centering image */ 
    display: inline-block; 
    vertical-align: middle 

    /* image size */ 
    width: 50px; 
    height: 50px; 
    border: 1px #f00 solid; 

    /* for example */ 
    vertical-align: middle; 
}

所以，看看這個小提琴：http://jsfiddle.net/artem_fitiskin/saq6E/

來源

2013-10-23 07:42:11

僅僅只做一個事情在你的CSS

.sliderImg{width:975px; height:306px;text-align:center;} 
.sliderImg img{ display:block; margin:0 auto; text-align:center;}

希望您的問題在使用後解決。

來源

2013-10-23 07:45:19 Annshuk

如何在div中心顯示n個圖像數

回答

相關問題