html - divの中心にn個の画像を表示する方法

Question

内部に画像を表示しているdivがあります。データベースから動的に読み込まれた 1 ～ 5 個の画像があります。だからいいえ。の画像は固定されていません。数字に関係なく、画像を div 内の中央に配置したい。助けてください！！！！！！！！

<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>

コードビハインドから、いくつかの条件に従って可視性を設定しました。