Css 在幻灯片放映div中对齐图像

我在我的主页上有一个非常简单的幻灯片设置，使用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 id='content'style=“宽度：974”
div class='container'
div class=“slideshow”style=“页边距底部：10px
a href=”“img src=“images/home/1.jpg”align=“absmiddle”/
a href=”“img src=“images/home/2.jpg”align=“absmiddle”/
a href=”“img src=“images/home/3.jpg”align=“absmiddle”/
a href=”“img src=“images/home/4.jpg”align=“absmiddle”/
a href=”“img src=“images/home/5.jpg”align=“absmiddle”/
div

基本上，幻灯片分区包含在内容分区中。根据它显示的图像，我只希望tm居中，而不是向左对齐

有什么想法吗

（如果我的代码呈现方式非常混乱，那么很抱歉！）

---

谢谢。幻灯片css规则：

align: center;

应该是

text-align: center;

加

至

幻灯片放映img

display:block;
margin:auto;