圖片對齊內幻燈片div

Question

我有一個非常簡單的幻燈片設置在我的主頁與使用jquery淡出圖像。

所有的圖像都是不同的大小，目前正在我的頁面左側對齊。我玩過CSS，但無法讓它們居中。

的CSS是：

/#content { 
    height: 100%; 
    width:1000px; 
    margin: 50px 10px 10px 230px; 
    top: 10px; 
    background-color: #fff; 
} 

/.slideshow { height: 450px; width: 974px; align: center; margin-left:auto; marginright:auto; margin-bottom:10px; margin-top:10px; } 

/.slideshow img { padding: 0px; border: none; background-color: #fff } 

的HTML是：

div id='content' style="width:974" 

div class='container' 

div class="slideshow" style="margin-bottom:10px;" 

a href="" img src="images/home/1.jpg" align="absmiddle" /></a> 
a href="" img src="images/home/2.jpg" align="absmiddle" /></a> 
a href="" img src="images/home/3.jpg" align="absmiddle"/></a> 
a href="" img src="images/home/4.jpg" align="absmiddle"/></a> 
a href="" img src="images/home/5.jpg" align="absmiddle" /></a> 
div 

基本上，在封閉在內容DIV幻燈片DIV。隨着它顯示的圖像，我只想將tm居中，而不是對齊到左側。

任何想法?? （！對不起，如果我呈現的方式我的代碼很凌亂）

感謝

Answer 1

添加

display:block; 
margin:auto; 

至slideshow img

Answer 2

在.slideshow CSS規則：

align: center; 

應該

text-align: center;